X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/df5670993e696eac33a1c29dd8147c97cfa59784..958f18f4af9ec5221d266698bd21992227eb630a:/jekyll/css/application.css?ds=sidebyside diff --git a/jekyll/css/application.css b/jekyll/css/application.css index 171764c..43c15f8 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -12,21 +12,21 @@ header a, header a:visited { color: black; } -h2, -h3 { +h1, +h2 { display: inline-block; margin-left: 10px; font-weight: 300; } -h1 { +header { margin: -0.3em 0 0 -0.1em; font-size: 9.6em; font-style: italic; text-transform: uppercase; } -h2 { +h1 { font-size: 4.8em; } @@ -46,26 +46,27 @@ ul, p { font-family: 'Helvetica Neue', Arial, sans-serif; } -ul { - list-style: square; +li { + display: block; } -li { +li article { display: inline-block; line-height: 1.82em; } -aside { +span { display: inline; color: grey; } img, video { + display: block; max-width: 100vw; } -li, h2, h3, p { +header a, li article, h2, h3, 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, li article, 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; } }