diff --git a/assets/css/screen.css b/assets/css/screen.css index f97e6ac..7b9cc71 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -7,6 +7,7 @@ --title: #f99157; --post-title: #a7adba; --date: #c594c5; + --border: #424650; } @font-face { @@ -140,7 +141,7 @@ hr { display:block; height:1px; border:0; - border-top:1px solid #424650; + border-top:1px solid var(--border); margin:3.2em 0; padding:0 } @@ -334,7 +335,7 @@ textarea { max-width:850px; margin:4rem auto; padding-bottom:4rem; - border-bottom:#424650 1px solid; + border-bottom:var(--border) 1px solid; word-break:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; @@ -342,15 +343,11 @@ textarea { } .post-title { color: var(--post-title); - margin:0 + margin:0; } .post-title a { - color: var(--post-title) !important; text-decoration:none } -.post-title a:hover { - color:#aec5c4 !important -} .post-excerpt p { margin:1.6rem 0 0 0; font-size:0.9em; @@ -368,16 +365,12 @@ textarea { } .post a:hover { text-decoration:underline; - color:#9c8aa5 } .post-header a { color: var(--link); -webkit-transition:color ease 0.3s; transition:color ease 0.3s } -.post-header a:hover { - color:#a3be8c -} .user-meta { position:relative; padding:0.3rem 40px 0 100px; @@ -434,7 +427,7 @@ textarea { position:relative; margin:4rem 0 0 0; padding:4rem 0 0 0; - border-top:#424650 1px solid + border-top:var(--border) 1px solid } .post-footer h4 { font-size:1.8rem; @@ -471,7 +464,7 @@ textarea { position:absolute; display:inline-block; padding:0 15px; - border:#424650 1px solid; + border:var(--border) 1px solid; text-decoration:none; border-radius:5px; -webkit-transition:border ease 0.3s; @@ -690,7 +683,7 @@ textarea { .post-footer .author { margin:0 0 2rem 0; padding:0 0 1.6rem 0; - border-bottom:#424650 1px dashed + border-bottom:var(--border) 1px dashed } .older-posts, .newer-posts { @@ -718,7 +711,6 @@ textarea { max-width:920px } .post-template .post-content>p:first-child { - font-size:1.25em; line-height:1.5em } .post-full-content .kg-image {