diff options
Diffstat (limited to 'css/content.scss')
| -rw-r--r-- | css/content.scss | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/css/content.scss b/css/content.scss new file mode 100644 index 0000000..bdac41c --- /dev/null +++ b/css/content.scss @@ -0,0 +1,93 @@ +#content { + background-color: $backgroundColour; + margin: auto; + min-height: 100vh; + max-width: 72rem; + padding: 2rem; + + p:not(.heading, #contentHeading) { + line-height: 2rem; + } + + a, a:visited { + color: $highlightColour; + font-weight: bold; + } + + span { + &.code { + background-color: $foregroundColour; + border-radius: calc(1rem / 4); + font-family: "Martian Mono", "monospace"; + padding: calc(1rem / 4); + + a { + font-weight: normal; + } + } + + &.fancy { + font-weight: bold; + } + + &.small { + font-size: 0.75em; + } + } + + #contentHeading { + background-color: $foregroundColour; + border-radius: 1rem; + display: block; + font-family: "Martian Mono", "monospace"; + font-size: 4rem; + font-weight: bold; + margin: auto; + margin-bottom: 1rem; + padding: 1rem; + text-align: center; + + span.small { + font-size: 0.5em; + } + } + + section:nth-of-type(even) p.heading { + text-align: right; + } + + section + section { + margin-top: 1rem; + } + + p.heading { + border-bottom-style: solid; + border-bottom-width: calc(1rem / 4); + font-size: 2rem; + font-weight: bold; + margin-bottom: 1rem; + width: 100%; + } + + x-image { + display: block; + width: fit-content; + + &:nth-of-type(odd) { + margin-right: auto; + } + + &:nth-of-type(even) { + margin-left: auto; + } + + a { + img { + border-radius: 1rem; + display: block; + height: 16rem; + image-rendering: pixelated; + } + } + } +}
\ No newline at end of file |