You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
1.6 KiB
103 lines
1.6 KiB
.home-books-book{ |
|
padding: 0px 10px; |
|
cursor: pointer; |
|
img{ |
|
border-radius: 8px; |
|
} |
|
footer{ |
|
margin-top: 20px; |
|
|
|
} |
|
&__info{ |
|
margin-right: 10px; |
|
p { |
|
margin: 0px; |
|
color: #8C8C8C; |
|
} |
|
h2{ |
|
color: white; |
|
} |
|
li{ |
|
background-color: rgb(85, 85, 85); |
|
border-radius: 15px; |
|
padding: 3px 6px; |
|
margin-left: 3px; |
|
color: white; |
|
font-family: numeralLight; |
|
margin-top: 5px; |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width : 1441px){ |
|
.home-books-book{ |
|
img{ |
|
height: 200px; |
|
} |
|
h2{ |
|
font-size: 20px; |
|
} |
|
p{ |
|
font-size: 14px; |
|
} |
|
li{ |
|
font-size: 13px; |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width : 1008px) and (max-width : 1440px){ |
|
.home-books-book{ |
|
img{ |
|
height: 200px; |
|
width: 95%; |
|
} |
|
h2{ |
|
font-size: calc(100vw / 80); |
|
} |
|
p{ |
|
font-size: calc(100vw / 130); |
|
} |
|
li{ |
|
font-size: calc(100vw / 140); |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width : 641px) and (max-width : 1007px){ |
|
.home-books-book{ |
|
img{ |
|
height: 200px; |
|
width : calc(100vw / 4); |
|
border-bottom-left-radius: 25px !important; |
|
} |
|
h2{ |
|
font-size: calc(100vw / 60); |
|
} |
|
p{ |
|
font-size: calc(100vw / 80); |
|
} |
|
li{ |
|
font-size: calc(100vw / 85); |
|
} |
|
} |
|
} |
|
|
|
@media screen and (max-width : 640px){ |
|
.home-books-book{ |
|
img{ |
|
height: 200px; |
|
width : calc(100vw / 2.8); |
|
border-bottom-left-radius: 25px !important; |
|
} |
|
h2{ |
|
font-size: calc(100vw / 25); |
|
} |
|
p{ |
|
font-size: calc(100vw / 36); |
|
} |
|
li{ |
|
font-size: calc(100vw / 38); |
|
} |
|
} |
|
} |