227 lines
3.1 KiB
SCSS
227 lines
3.1 KiB
SCSS
html {
|
||
font-size: 16px;
|
||
color: $dark;
|
||
background-color: $light;
|
||
font-family: $defaultFont;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-weight: normal;
|
||
margin: 0;
|
||
}
|
||
|
||
a {
|
||
text-decoration-skip-ink: auto;
|
||
color: $dark;
|
||
text-decoration: underline;
|
||
opacity: 0.8;
|
||
|
||
&:hover {
|
||
text-decoration: none;
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
.sic::after {
|
||
content: " [sic]";
|
||
font-style: italic;
|
||
}
|
||
|
||
.latex {
|
||
display: inline !important;
|
||
}
|
||
|
||
pre {
|
||
padding-left: 1em;
|
||
border-left: 2px outset $dark;
|
||
display: inline-block;
|
||
max-width: 85%;
|
||
}
|
||
|
||
pre {
|
||
overflow: hidden;
|
||
}
|
||
|
||
@media only screen and (min-width: 1024px) {
|
||
pre {
|
||
margin: 1em 2em;
|
||
}
|
||
}
|
||
|
||
q.guillemets {
|
||
quotes: "«" "»" "«" "»";
|
||
}
|
||
|
||
q,
|
||
blockquote {
|
||
quotes: "‘" "’" "“" "”";
|
||
}
|
||
|
||
q::before {
|
||
content: open-quote;
|
||
}
|
||
|
||
q::after {
|
||
content: close-quote;
|
||
}
|
||
|
||
cite,
|
||
cite.book,
|
||
cite.film,
|
||
cite.tv-show,
|
||
cite.comic,
|
||
cite.book,
|
||
cite.podcast,
|
||
cite.album,
|
||
cite.report {
|
||
font-style: italic;
|
||
}
|
||
|
||
cite.book--bible {
|
||
font-style: inherit;
|
||
}
|
||
|
||
cite.legislation,
|
||
cite.smallcite,
|
||
cite.comic-strip,
|
||
cite.short-story,
|
||
cite.article,
|
||
cite.episode,
|
||
cite.video,
|
||
cite.chapter,
|
||
cite.software,
|
||
cite.campaign,
|
||
cite.song,
|
||
cite.speech,
|
||
cite.course,
|
||
cite.presentation {
|
||
font-style: normal;
|
||
}
|
||
|
||
cite.smallcite::before,
|
||
cite.article::before,
|
||
cite.comic-strip::before,
|
||
cite.short-story::before,
|
||
cite.episode::before,
|
||
cite.video::before,
|
||
cite.chapter::before,
|
||
cite.song::before,
|
||
cite.poem::before,
|
||
cite.campaign::before,
|
||
cite.speech::before,
|
||
cite.course::before,
|
||
cite.presentation::before {
|
||
content: "“";
|
||
}
|
||
|
||
cite.smallcite::after,
|
||
cite.article::after,
|
||
cite.comic-strip::after,
|
||
cite.short-story::after,
|
||
cite.episode::after,
|
||
cite.video::after,
|
||
cite.chapter::after,
|
||
cite.song::after,
|
||
cite.poem::after,
|
||
cite.campaign::after,
|
||
cite.speech::after,
|
||
cite.course::after,
|
||
cite.presentation::after {
|
||
content: "”";
|
||
}
|
||
|
||
cite.article--shortcite::before,
|
||
cite.article--shortcite::after {
|
||
content: none;
|
||
}
|
||
|
||
code,
|
||
samp,
|
||
var,
|
||
pre {
|
||
font-family: $codeFont;
|
||
font-size: 1em;
|
||
}
|
||
|
||
pre .nocode {
|
||
font-family: $defaultFont;
|
||
font-size: 1em;
|
||
padding: 1px 3px;
|
||
border-radius: 6px;
|
||
border: dashed 1px black;
|
||
}
|
||
|
||
code,
|
||
samp,
|
||
var {
|
||
background-color: #d1d1d1;
|
||
border-radius: 5px;
|
||
padding: 2px;
|
||
}
|
||
|
||
pre {
|
||
max-width: 50vw;
|
||
overflow: scroll;
|
||
}
|
||
|
||
h1 code,
|
||
.post-title code,
|
||
pre code,
|
||
h1 samp,
|
||
.post-title samp,
|
||
pre samp,
|
||
h1 var,
|
||
.post-title var,
|
||
pre var {
|
||
background-color: transparent;
|
||
padding: 0;
|
||
}
|
||
|
||
.heading code,
|
||
.subheading code {
|
||
background-color: transparent;
|
||
}
|
||
|
||
pre.prettyprint ol {
|
||
padding-left: 3.5em;
|
||
}
|
||
|
||
pre.prettyprint li {
|
||
background: none !important;
|
||
}
|
||
|
||
samp {
|
||
display: block;
|
||
width: 80ch;
|
||
margin: 1em 4em;
|
||
border-left: 2px solid #ccc;
|
||
color: #333;
|
||
}
|
||
|
||
kbd {
|
||
padding: 0.1em 0.6em;
|
||
border: 1px solid #ccc;
|
||
font-size: 11px;
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
background-color: #f7f7f7;
|
||
color: #333;
|
||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
|
||
border-radius: 3px;
|
||
display: inline-block;
|
||
margin: 0 0.1em;
|
||
text-shadow: 0 1px 0 white;
|
||
line-height: 1.4;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.pre-nominals,
|
||
.post-nominals {
|
||
font-size: 0.6em;
|
||
font-variant: small-caps;
|
||
}
|