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

.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);
}
}
}