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.
 
 
 
 

105 lines
1.7 KiB

.home-books {
width: 100%;
margin: 0px auto;
position: relative;
padding: 10px 10px 50px;
font-family: numeralLight;
header{
margin-bottom: 20px;
h1{
font-family: numeralMedium;
color: white;
margin: 0px;
}
span{
color: #aaa;
}
}
&__more{
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%, +50%);
background-color: #0f0f0f;
padding-right: 5px;
color: green;
}
}
@media screen and (min-width: 1441px) {
.home-books {
max-width: 1250px;
header{
h1{
font-size: 20px;
}
span{
font-size: 12px;
}
}
&__more{
font-size: 13px;
}
}
}
@media screen and (min-width: 1008px) and (max-width: 1440px) {
.home-books {
max-width: 1250px;
header{
h1{
font-size: calc(100vw / 60);
}
span{
font-size: calc(100vw / 100);
}
}
&__more{
font-size: calc(100vw / 100);
}
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.home-books {
max-width: 900px;
header{
h1{
font-size: calc(100vw / 40);
}
span{
font-size: calc(100vw / 90);
}
}
&__more{
font-size: calc(100vw / 90);
}
}
}
@media screen and (max-width: 640px) {
.home-books {
max-width: 500px;
padding: 0px 0px 20px;
&__list{
width: 100%;
overflow-x: scroll;
&::-webkit-scrollbar{
scrollbar-width: 0px;
display: none;
}
}
header{
h1{
font-size: calc(100vw / 25);
}
span{
font-size: calc(100vw / 34);
}
}
&__more{
font-size: calc(100vw / 30);
}
}
}