diff --git a/src/style.css b/src/style.css index 4958968c..701e89b4 100644 --- a/src/style.css +++ b/src/style.css @@ -8,10 +8,6 @@ --text-font: 'PT Sans', Helvetica, sans-serif; --smaller-font-size: 0.9rem; - --normal-font-size: 1rem; - --bigger-font-size: 1.2rem; - --big-font-size: 1.5rem; - --biggest-font-size: 2.25rem; /* MENU */ --menu-mark-thickness: 4px; @@ -33,10 +29,11 @@ /* FONTS */ --font-size-default: 14pt; + --font-size-accent: 24pt; --font-size-second: 12pt; --font-size-h1: 5rem; - --font-size-h2: 2.5rem; + --font-size-h2: 3rem; --font-size-h3: 1.5rem; /* COLOR */ @@ -186,10 +183,6 @@ a.invisible { @media (max-width: 31.25em) { :root { --smaller-font-size: 0.9rem; - --normal-font-size: 1rem; - --bigger-font-size: 1.1rem; - --big-font-size: 1.3rem; - --biggest-font-size: 2rem; --font-size-h1: 1.5rem; --font-size-h2: 1.5rem; diff --git a/src/style/article.css b/src/style/article.css index edc46ee1..b7e010c4 100644 --- a/src/style/article.css +++ b/src/style/article.css @@ -23,30 +23,25 @@ } .article p { - margin-bottom: var(--article-line-height); + margin-bottom: var(--size-m); line-height: var(--article-line-height); } -.article blockquote { - background-color: hsl(215, 10%, 96%); - padding: var(--article-quote-padding); - margin: var(--single-margin) 0; - font-family: var(--title-font); - font-style: italic; - font-weight: normal; - font-size: var(--article-quote-font-size); +.article p:last-child { + margin-bottom: 0; +} - border-radius: var(--block-border-radius); +.article blockquote { + padding: var(--size-m); + font-size: var(--font-size-accent); } .article cite { - margin-top: var(--single-margin); display: block; - color: #aaa; - font-size: initial; - font-family: var(--text-font); + font-size: var(--font-size-default); text-align: right; - margin-right: var(--single-margin); + + margin-top: var(--size-m); } .article hr {