Files
Globaly-CSS-Practice/style/news/_page-nav.scss
2024-06-24 07:52:54 +02:00

66 lines
1.5 KiB
SCSS
Executable File

.page-navigation{
padding: 30px 0 23px;
margin: 57.6px 0;
border-top: 1px solid #e0e0e8;
border-bottom: 1px solid #e0e0e8;
text-align: center;
.page-nav-links{
.page-num-cur{
line-height: 3;
display: inline-block;
height: 58px;
margin: 0 16px 5px 0;
text-align: center;
text-decoration: none;
font-size: 1.25rem;
color: #15c1c6;
font-family: MerriweatherSans, sans-serif;
}
.page-num-next{
color: #333333;
display: inline-block;
line-height: 3;
height: 58px;
margin: 0 16px 5px 0;
text-decoration: none;
font-size: 20px;
font-size: 1.25rem;
font-family: MerriweatherSans, sans-serif;
}
.next-icon{
min-width: 58px;
height: 58px;
border: none;
border-radius: 50%;
background-color: #15c1c6;
margin-left: 30px;
color:white;
font-size: 20px;
padding: 16px 22px;
}
}
}
@media only screen and (min-width:768px) {
.page-navigation{
margin-left: 60px !important;
margin-right: 60px !important;
padding: 52px 0 45px 0;
.next-icon{
margin-left: 100px !important;
}
}
}
@media only screen and (min-width:992px){
.side-bar{
flex: 0 0 28% !important;
max-width: 28% !important;
}
}