archery/styles/02-responsive.scss

46 lines
740 B
SCSS

@media screen and (max-width:65rem) {
.sidebar {
width: 100%;
height: auto;
position: initial;
text-align: center;
.sidebar_search form {
width: 18em;
margin: auto;
}
}
.content {
margin-left: 0;
}
.logs {
font-size: 0.75em;
}
}
@media screen and (max-width:28rem) {
body {
font-size: 13pt;
}
.grid-2col {
grid-template-columns: 1fr;
.span-2 {
grid-column: initial;
}
&> :nth-last-child(n+2):nth-child(odd) {
font-weight: bold;
font-size: 1.1em;
&::after {
content: ":";
}
}
}
}