Added mixins for color-schemes
This commit is contained in:
parent
497fce74be
commit
ff87ef6aa7
39
style.css
39
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; }
|
||||
@ -27,7 +29,8 @@ a {
|
||||
color: #c9c9c9; }
|
||||
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; }
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"mappings": "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",
|
||||
"sources": ["style.scss"],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
|
||||
83
style.scss
83
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; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user