66 lines
1.3 KiB
SCSS
66 lines
1.3 KiB
SCSS
code { color: #{$grey-dark}; }
|
|
.notification code { background-color: #{rgba($grey-lightest, 0.6)}; }
|
|
@media (prefers-color-scheme: dark) {
|
|
code { color: #{$grey-lighter}; }
|
|
.notification code {
|
|
background-color: #{rgba($black-ter, 0.6)};
|
|
}
|
|
}
|
|
|
|
a{
|
|
&[target=_blank]::after {
|
|
content: "⇗";
|
|
margin-left: 0.25em;
|
|
}
|
|
& > code {
|
|
border-bottom: 1px solid $primary;
|
|
&:hover {
|
|
background-color: $primary;
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
h1 a.anchor,
|
|
h2 a.anchor,
|
|
h3 a.anchor,
|
|
h4 a.anchor,
|
|
h5 a.anchor,
|
|
h6 a.anchor {
|
|
display: none;
|
|
padding-left: 0.375em;
|
|
}
|
|
h1:hover a.anchor,
|
|
h2:hover a.anchor,
|
|
h3:hover a.anchor,
|
|
h4:hover a.anchor,
|
|
h5:hover a.anchor,
|
|
h6:hover a.anchor {
|
|
display: inline;
|
|
}
|
|
|
|
h1 { margin-left: -2rem; }
|
|
h2 { margin-left: -1rem; margin-top: 3rem; }
|
|
h3:not(:first-child) { margin-top: 2rem; }
|
|
article { margin-left: 2rem; }
|
|
p + pre,
|
|
pre + p,
|
|
div.highlight + p,
|
|
p + div.highlight,
|
|
div.highlight + div.highlight,
|
|
p + h4,
|
|
p + .code-block,
|
|
.code-block + p,
|
|
.code-block + .code-block,
|
|
p + p { margin-top: 1rem; }
|
|
|
|
@media screen and (max-width: $tablet) {
|
|
h1 { margin-left: 0; }
|
|
h2 { margin-left: 0; }
|
|
article { margin-left: 0; }
|
|
}
|
|
@media screen and (min-width: $widescreen) {
|
|
.section {
|
|
padding: 3rem 0rem;
|
|
}
|
|
}
|