From 1b04290809ca4282e75433e500c7e5e70b2d36aa Mon Sep 17 00:00:00 2001 From: Your Name Date: Sun, 31 Dec 2017 13:34:06 +0100 Subject: Finalize style for pages --- assets/scss/txt.scss | 35 +++++++++++++++++++---------------- 1 file changed, 19 insertions(+), 16 deletions(-) (limited to 'assets/scss') diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss index a331d7b..ab7edef 100644 --- a/assets/scss/txt.scss +++ b/assets/scss/txt.scss @@ -10,10 +10,10 @@ $bg-txt-on: rgba(187, 205, 150, 1); $bg-vdo: rgba(109, 144, 162, 0.7); $bg-vdo-on: rgba(109, 144, 162, 1); -$a-link: $bg-main; -$a-hover: white; -$a-active: black; -$a-visited: rgba(240,240,242, 0.8); +$a-link: rgba(23, 123, 93, 1); +$a-hover: black; +$a-active: white; +$a-visited: rgba(23, 123, 93, 0.8); a { text-decoration: none; @@ -56,7 +56,7 @@ h1,h2,h3,h4,h5,h6 { body { font-family: $sans-serif; font-size: 1em; /* No rem here, bug workaround */ - background: $bg-main; + background-color: $bg-main; color: rgba(0, 0, 0, 1); } @@ -114,8 +114,8 @@ body > main { font-size: 1.6rem; > article { + background-color: $bg-main; margin: 0 auto; - background: $bg-txt; max-width: 60rem; min-height: calc(100vh - 24rem); padding: 12rem 9rem; @@ -126,9 +126,7 @@ body > main { body { &.gfx { - > main > article { - background: $bg-gfx-on; - } + background-color: $bg-gfx-on; > aside { &:hover, &:focus { background-color: $bg-gfx-on; @@ -140,9 +138,7 @@ body { } &.txt { - > main > article { - background: $bg-txt-on; - } + background-color: $bg-txt-on; > aside { &:hover, &:focus { background-color: $bg-txt-on; @@ -154,9 +150,7 @@ body { } &.vdo { - > main > article { - background: $bg-vdo-on; - } + background-color: $bg-vdo-on; > aside { &:hover, &:focus { background-color: $bg-vdo-on; @@ -189,9 +183,18 @@ body { display: block; background: $bg-main url(../img/aside-on.png) center left no-repeat; height: 100%; + + h3 { + a:link, a:hover, a:active, a:visited { + color: transparent; + } + } } ul li:hover { + a:hover { + text-decoration: none; + } span { display: block; } @@ -308,7 +311,7 @@ body > footer { right: 0; max-width: 60rem; margin: 5rem auto 2rem auto; - + font-size: 1.25rem; } article > header { -- cgit v1.2.3