From ff87ef6aa73984557a7d23df73154900b1cf1dca Mon Sep 17 00:00:00 2001 From: teascade Date: Sun, 1 Oct 2017 23:51:43 +0300 Subject: [PATCH] Added mixins for color-schemes --- style.css | 41 +++++++++++++++++-------- style.css.map | 2 +- style.scss | 83 ++++++++++++++++++++++++++------------------------- 3 files changed, 73 insertions(+), 53 deletions(-) diff --git a/style.css b/style.css index 95bbab1..959be79 100644 --- a/style.css +++ b/style.css @@ -3,10 +3,12 @@ font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; background-color: black; color: #c9c9c9; + border-color: #c9c9c9; font-weight: 400; font-size: 16px; line-height: 21px; } +/* General styles for elements */ * { margin: 0; padding: 0; } @@ -25,9 +27,10 @@ ul { a { color: #c9c9c9; } - a :hover { + a:hover { background-color: #171c94; - color: #c9c9c9; } + color: #c9c9c9; + border-color: #c9c9c9; } nav ul > li > ul:hover a { color: #c9c9c9; } @@ -46,13 +49,15 @@ nav li hr, li.button-list > ul a hr, .white hr { nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr { border-color: #c9c9c9; } +/* Lists */ li:not(.button-list) > ul::before { content: "- "; } li.button-list > ul { width: calc(100% - 1ch); } li.button-list > ul:hover { background-color: #171c94; - color: #c9c9c9; } + color: #c9c9c9; + border-color: #c9c9c9; } li.button-list > ul:hover > a { color: #c9c9c9; } li.button-list > ul > li { @@ -61,6 +66,7 @@ li.button-list > ul { display: block; width: 100%; } +/* Navbars */ @keyframes hide { 0% { opacity: 0; @@ -80,6 +86,7 @@ nav ul::before { nav > li { background-color: #c9c9c9; color: black; + border-color: black; margin-left: 0; } nav > li > ul { margin: 0; @@ -90,10 +97,12 @@ nav > li { nav > li > ul:hover { background-color: #171c94; color: #c9c9c9; + border-color: #c9c9c9; cursor: pointer; } nav > li > ul:focus { background-color: #171c94; - color: #c9c9c9; } + color: #c9c9c9; + border-color: #c9c9c9; } nav > li > ul:focus li { display: block; opacity: 1; @@ -101,11 +110,12 @@ nav > li { animation-name: hide; animation-name: none; } nav > li > ul > li { - position: absolute; - border: 2px solid #c9c9c9; - border-color: black; - box-shadow: 0 0 0 0.25ch #c9c9c9; background-color: #c9c9c9; + color: black; + border-color: black; + position: absolute; + border: 2px solid; + box-shadow: 0 0 0 0.25ch #c9c9c9; margin-left: calc(2px - 1ch); margin-right: calc(2px - 1ch); margin-top: 10.5px; @@ -120,17 +130,20 @@ nav > li { nav > li > ul > li > ul { background-color: #c9c9c9; color: black; + border-color: black; padding-left: 1ch; padding-right: 1ch; min-height: 21px; } nav > li > ul > li > ul:hover { background-color: #171c94; - color: #c9c9c9; } + color: #c9c9c9; + border-color: #c9c9c9; } nav > li .submenu { display: inline-block; animation-name: show; animation-duration: 0.5s; } +/* Miscallaneous Classes */ .box { border: 2px solid #c9c9c9; margin: 0.5ch; @@ -165,7 +178,8 @@ nav > li { color: black; } .box.white a:hover { background-color: #171c94; - color: #c9c9c9; } + color: #c9c9c9; + border-color: #c9c9c9; } .box.blue { background-color: #171c94; color: #c9c9c9; @@ -173,18 +187,21 @@ nav > li { box-shadow: 0 0 0 0.25ch #171c94; } .box.blue li.button-list > ul:hover { background-color: #c9c9c9; - color: black; } + color: black; + border-color: black; } .box.blue li.button-list > ul:hover > a { color: black; } .box.blue a:hover { background-color: #c9c9c9; - color: #171c94; } + color: #171c94; + border-color: #171c94; } .box.blue hr { border-color: #c9c9c9; } .list-symbol::after { content: " ▼"; } +/* Style helpers, like space-takers */ .space-1em { min-height: 21px; } diff --git a/style.css.map b/style.css.map index f282448..bc736a9 100644 --- a/style.css.map +++ b/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["style.scss"], "names": [], "file": "style.css" diff --git a/style.scss b/style.scss index 545e3d9..71425c8 100644 --- a/style.scss +++ b/style.scss @@ -11,18 +11,38 @@ $line-height: $em-height + $line-overflow; $box-border: 2px; $box-double-border: 4px; +@mixin whiteOnBlue { + background-color: $default-blue; + color: $default-white; + border-color: $default-white; +} +@mixin blueOnWhite { + background-color: $default-white; + color: $default-blue; + border-color: $default-blue; +} +@mixin whiteOnBlack { + background-color: $default-black; + color: $default-white; + border-color: $default-white; +} +@mixin blackOnWhite { + background-color: $default-white; + color: $default-black; + border-color: $default-black; +} + :root { // Styles applying to everyting font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; - background-color: $default-black; - color: $default-white; + @include whiteOnBlack; font-weight: 400; font-size: $em-height; line-height: $line-height; } -// General styles for elements +/* General styles for elements */ * { // Remove margin and padding from everything by default margin: 0; @@ -47,9 +67,8 @@ ul { a { color: $default-white; - :hover { - background-color: $default-blue; - color: $default-white; + &:hover { + @include whiteOnBlue; } } @@ -72,7 +91,7 @@ nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr { border-color: $default-white; } -// Lists +/* Lists */ li { &:not(.button-list) > ul::before { @@ -82,8 +101,7 @@ li { width: calc(100% - 1ch); &:hover { - background-color: $default-blue; - color: $default-white; + @include whiteOnBlue; & > a { color: $default-white; @@ -101,7 +119,7 @@ li { } } - // Navbars + /* Navbars */ @keyframes hide { 0% { @@ -130,8 +148,7 @@ nav { } & > li { // Navbar - background-color: $default-white; - color: $default-black; + @include blackOnWhite; margin-left: 0; & > ul { // Navbar items @@ -142,13 +159,11 @@ nav { padding-right: 1ch; &:hover { // Navbar items - background-color: $default-blue; - color: $default-white; + @include whiteOnBlue; cursor: pointer; } &:focus { - background-color: $default-blue; - color: $default-white; + @include whiteOnBlue; li { // Display inner items on focus display: block; @@ -161,11 +176,10 @@ nav { } & > li { // Navbar inner lists + @include blackOnWhite; position: absolute; - border: 2px solid $default-white; - border-color: $default-black; + border: 2px solid; box-shadow: 0 0 0 0.25ch $default-white; - background-color: $default-white; margin-left: calc(2px - 1ch); margin-right: calc(2px - 1ch); margin-top: $line-height / 2; @@ -181,15 +195,13 @@ nav { animation-duration: 0.5s; & > ul { // Inner Items - background-color: $default-white; - color: $default-black; + @include blackOnWhite; padding-left: 1ch; padding-right: 1ch; min-height: $line-height; &:hover { // Navbar inner items hover - background-color: $default-blue; - color: $default-white; + @include whiteOnBlue; } } } @@ -203,7 +215,7 @@ nav { } } -// Classes +/* Miscallaneous Classes */ .box { border: $box-border solid $default-white; @@ -229,43 +241,34 @@ nav { } &.black { - background-color: $default-black; - color: $default-white; - border-color: $default-white; + @include whiteOnBlack; box-shadow: 0 0 0 0.25ch $default-black; } &.white { - background-color: $default-white; - color: $default-black; - border-color: $default-black; + @include blackOnWhite; box-shadow: 0 0 0 0.25ch $default-white; a { color: $default-black; &:hover { - background-color: $default-blue; - color: $default-white; + @include whiteOnBlue; } } } &.blue { - background-color: $default-blue; - color: $default-white; - border-color: $default-white; + @include whiteOnBlue; box-shadow: 0 0 0 0.25ch $default-blue; li.button-list > ul:hover { - background-color: $default-white; - color: $default-black; + @include blackOnWhite; } li.button-list > ul:hover > a { color: $default-black; } a:hover { - background-color: $default-white; - color: $default-blue; + @include blueOnWhite; } hr { border-color: $default-white; @@ -277,7 +280,7 @@ nav { content: " ▼"; } -// Style helpers, like space-takers +/* Style helpers, like space-takers */ @for $i from 1 through 5 { .space-#{$i}em { min-height: $line-height * $i; }