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