diff options
Diffstat (limited to 'css/page.scss')
| -rw-r--r-- | css/page.scss | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/css/page.scss b/css/page.scss new file mode 100644 index 0000000..5017dcc --- /dev/null +++ b/css/page.scss @@ -0,0 +1,120 @@ +#page { + margin: auto; + max-width: 72rem; + padding: 1rem; + padding-top: calc($headerHeight + 1rem); + + p:not(.heading, #contentHeading, #cloneNotice p) { + line-height: 2em; + } + + a, a:visited { + color: var(--textColour); + } + + em { + font-style: normal; + font-weight: bold; + } + + span { + &.code { + background-color: var(--foregroundColour); + border-radius: 0.25rem; + font-family: "Fira Mono", "monospace"; + padding: 0.25rem; + + a { + font-weight: normal; + } + } + + &.small { + font-size: 0.75em; + } + } + + p.heading, #contentHeading { + font-family: "Martian Mono", "monospace"; + } + + #contentHeading { + background-color: var(--foregroundColour); + border-radius: 1rem; + display: block; + font-size: 4em; + font-weight: bold; + margin: auto; + margin-bottom: 1rem; + padding: 1rem; + text-align: center; + + span.small { + font-size: 0.5em; + } + } + + section { + & + section { + margin-top: 1rem; + } + + &:nth-of-type(even) p.heading { + text-align: right; + } + } + + p.heading { + font-size: 2em; + font-weight: bold; + margin-bottom: 1rem; + width: 100%; + + &::after { + background-color: var(--textColour); + border-radius: 0.125rem; + content: ""; + display: block; + height: 0.25rem; + margin-top: 0.25rem; + width: 100%; + } + } + + x-image { + background-position: center; + background-repeat: no-repeat; + display: block; + position: relative; + width: 100%; + + &:nth-of-type(odd) { + margin-right: auto; + } + + &:nth-of-type(even) { + margin-left: auto; + } + + img.blur { + filter: blur(1rem); + position: absolute; + z-index: 1; + width: 100%; + } + + a { + position: relative; + z-index: 1; + + img { + border-radius: 1rem; + display: block; + image-rendering: pixelated; + width: 100%; + } + } + } + + @import "footer"; +}
\ No newline at end of file |