personal-site/assets/css/elements/page-links.scss
2021-06-06 22:05:06 +03:00

43 lines
684 B
SCSS

.page-list{
list-style: none;
display: flex;
justify-content: space-between;
width: 400px;
margin: 0 auto;
font-family: Mononoki;
padding: 0;
}
.page-link{
font-size: 0.4em;
line-height: $ascii-line-height;
transition: 0.3s;
margin: 0px 10px;
& a{
color: $header-color;
text-decoration: none;
display: block;
&:hover, &:focus{
color: var(--pink)
}
}
}
@media screen and (max-width: 420px) {
.page-link {
line-height: $ascii-line-height-mobile;
white-space: pre-line;
margin-bottom: 5px;
}
.page-list{
flex-direction: column;
align-items: center;
width: auto;
}
.toilet-logo{
font-size: 0.6em;
}
}