66 lines
No EOL
1.4 KiB
SCSS
66 lines
No EOL
1.4 KiB
SCSS
@use '../constants' as *;
|
|
|
|
section {
|
|
&.title {
|
|
margin-bottom: 4rem;
|
|
|
|
&>h1.title {
|
|
font-size: 3rem;
|
|
font-weight: 900;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
&>p {
|
|
&.subtitle {
|
|
color: var(--subtext1);
|
|
font-size: 1.5rem;
|
|
margin-top: 0;
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
&.last-update,
|
|
&.metadata {
|
|
color: var(--overlay1);
|
|
font-size: .8rem;
|
|
text-align: start;
|
|
margin: 0;
|
|
|
|
.separator {
|
|
margin-left: .1rem;
|
|
margin-right: .1rem;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: var(--overlay1);
|
|
|
|
&:hover {
|
|
color: var(--teal);
|
|
}
|
|
|
|
&.external-link::after {
|
|
content: "";
|
|
font-size: .5rem;
|
|
font-variant-position: super;
|
|
margin-left: .1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: $smartphone) {
|
|
section.title {
|
|
margin-bottom: 2.5rem;
|
|
|
|
h1.title {
|
|
font-size: 2.2rem;
|
|
}
|
|
|
|
p.subtitle {
|
|
font-size: 1.3rem;
|
|
}
|
|
}
|
|
} |