X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/beaf29131ab0c363a235f63c2c1a197fed5a3976..bc3d42e8199df39565310a7ed7ff818985a65dd9:/jekyll/css/application.css?ds=inline diff --git a/jekyll/css/application.css b/jekyll/css/application.css index 171764c..770d614 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -12,21 +12,20 @@ header a, header a:visited { color: black; } -h2, -h3 { +h1, h2 { display: inline-block; - margin-left: 10px; + margin-left: 1rem; font-weight: 300; } -h1 { +header { margin: -0.3em 0 0 -0.1em; font-size: 9.6em; font-style: italic; text-transform: uppercase; } -h2 { +h1, h2 { font-size: 4.8em; } @@ -39,33 +38,35 @@ a:visited { } ul, p { - font-size: 1.8em; + font-size: 1.8rem; line-height: 1.28em; margin-left: 1em; max-width: 50em; font-family: 'Helvetica Neue', Arial, sans-serif; } -ul { - list-style: square; +li { + display: block; } -li { +li p { display: inline-block; line-height: 1.82em; + margin: 0; } -aside { +span { display: inline; color: grey; } img, video { + display: block; max-width: 100vw; } -li, h2, h3, p { +header a, h1, h2, p { background-color: white; } @@ -76,7 +77,7 @@ li, h2, h3, p { color: white; } - h1 a, h1 a:visited { + header a, header a:visited { color: white; } @@ -92,11 +93,11 @@ li, h2, h3, p { color: #55FF55; } - aside { + span { color: #FFEC27; } - li, h2, h3, p { + header a, h1, h2, p { background-color: black; } } @@ -105,7 +106,7 @@ li, h2, h3, p { * Mini header */ @media (max-width: 600px) { - h1 { + header { font-size: 4.8em; } }