From 4fe23d93c4f39b08f5bc4320af37ba109e618295 Mon Sep 17 00:00:00 2001 From: Wolfgang Müller Date: Sun, 21 Jul 2019 21:09:36 +0200 Subject: Initial import --- scss/style.scss | 125 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 scss/style.scss (limited to 'scss/style.scss') diff --git a/scss/style.scss b/scss/style.scss new file mode 100644 index 0000000..af35784 --- /dev/null +++ b/scss/style.scss @@ -0,0 +1,125 @@ +@import '_webfonts'; +@import '_responsive_fonts'; + +$font-sans: "Alegreya Sans", sans; +$font-serif: Alegreya, serif; +$font-mono: Iosevka, Inconsolata, monospace; + +$yellow: #ffd400; +$canary: #ffffb3; + +body { + background-color: white; + color: black; + line-height: 1.4; + margin: 0; +} + +h1 { + font-family: $font-serif; + font-size: 3.5rem; + font-weight: normal; + margin: 0; +} + +code { + font-family: $font-mono; + font-size: smaller; +} + +pre { + background-color: $canary; + overflow: auto; + padding: .7rem; +} + +pre.poetry { + background-color: white; + padding: 0; + font-family: $font-sans; +} + +blockquote { + background-color: $canary; + padding: .7rem; +} + +blockquote > p { + margin: 0; +} + +footer { + background-size: 200px; + height: 200px; +} + +.frontpage { + background-color: $yellow; + font-family: $font-serif; + font-size: 4rem; +} + +.post { + font-family: $font-sans; + font-size: 1.5rem; +} + +nav.main ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + list-style: none; + margin: .5rem; + padding: 0; +} + +nav.main li a { + background-color: white; + border: 4px solid black; + box-shadow: 10px 10px 0 black; + color: black; + display: block; + margin: .8rem .8rem; + padding: 0 .8rem; + text-decoration: none; +} + +nav.main li a:hover { + background-color: black; + color: white; +} + +article { + margin: 1rem auto; + max-width: 1024px; + padding: 0 1rem; + + header { + border-bottom: 1px solid darkgrey; + + a { + background-color: white; + font-weight: bold; + text-decoration: none; + } + + address { + display: none; + } + + time { font-size: smaller; } + } + + img { + display: block; + margin: 0 auto; + } + + hr { + border: 0; + border-top: 1px dashed grey; + width: 80%; + } + + ul { list-style: square; } +} -- cgit v1.2.3-2-gb3c3