teascade/botsym-css
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added mixins for color-schemes

Browse Source
This commit is contained in:
Sofia 2017-10-01 23:51:43 +03:00
parent 497fce74be
commit ff87ef6aa7
3 changed files with 73 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
style.css
View File

@ -3,10 +3,12 @@
font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace";
background-color: black; background-color: black;
color: #c9c9c9; color: #c9c9c9;
border-color: #c9c9c9;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 21px; } line-height: 21px; }
/* General styles for elements */
* { * {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
@ -25,9 +27,10 @@ ul {
a { a {
color: #c9c9c9; } color: #c9c9c9; }
a :hover { a:hover {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; } color: #c9c9c9;
border-color: #c9c9c9; }
nav ul > li > ul:hover a { nav ul > li > ul:hover a {
color: #c9c9c9; } 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 { nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr {
border-color: #c9c9c9; } border-color: #c9c9c9; }
/* Lists */
li:not(.button-list) > ul::before { li:not(.button-list) > ul::before {
content: "- "; } content: "- "; }
li.button-list > ul { li.button-list > ul {
width: calc(100% - 1ch); } width: calc(100% - 1ch); }
li.button-list > ul:hover { li.button-list > ul:hover {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; } color: #c9c9c9;
border-color: #c9c9c9; }
li.button-list > ul:hover > a { li.button-list > ul:hover > a {
color: #c9c9c9; } color: #c9c9c9; }
li.button-list > ul > li { li.button-list > ul > li {
@ -61,6 +66,7 @@ li.button-list > ul {
display: block; display: block;
width: 100%; } width: 100%; }
/* Navbars */
@keyframes hide { @keyframes hide {
0% { 0% {
opacity: 0; opacity: 0;
@ -80,6 +86,7 @@ nav ul::before {
nav > li { nav > li {
background-color: #c9c9c9; background-color: #c9c9c9;
color: black; color: black;
border-color: black;
margin-left: 0; } margin-left: 0; }
nav > li > ul { nav > li > ul {
margin: 0; margin: 0;
@ -90,10 +97,12 @@ nav > li {
nav > li > ul:hover { nav > li > ul:hover {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; color: #c9c9c9;
border-color: #c9c9c9;
cursor: pointer; } cursor: pointer; }
nav > li > ul:focus { nav > li > ul:focus {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; } color: #c9c9c9;
border-color: #c9c9c9; }
nav > li > ul:focus li { nav > li > ul:focus li {
display: block; display: block;
opacity: 1; opacity: 1;
@ -101,11 +110,12 @@ nav > li {
animation-name: hide; animation-name: hide;
animation-name: none; } animation-name: none; }
nav > li > ul > li { nav > li > ul > li {
position: absolute;
border: 2px solid #c9c9c9;
border-color: black;
box-shadow: 0 0 0 0.25ch #c9c9c9;
background-color: #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-left: calc(2px - 1ch);
margin-right: calc(2px - 1ch); margin-right: calc(2px - 1ch);
margin-top: 10.5px; margin-top: 10.5px;
@ -120,17 +130,20 @@ nav > li {
nav > li > ul > li > ul { nav > li > ul > li > ul {
background-color: #c9c9c9; background-color: #c9c9c9;
color: black; color: black;
border-color: black;
padding-left: 1ch; padding-left: 1ch;
padding-right: 1ch; padding-right: 1ch;
min-height: 21px; } min-height: 21px; }
nav > li > ul > li > ul:hover { nav > li > ul > li > ul:hover {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; } color: #c9c9c9;
border-color: #c9c9c9; }
nav > li .submenu { nav > li .submenu {
display: inline-block; display: inline-block;
animation-name: show; animation-name: show;
animation-duration: 0.5s; } animation-duration: 0.5s; }
/* Miscallaneous Classes */
.box { .box {
border: 2px solid #c9c9c9; border: 2px solid #c9c9c9;
margin: 0.5ch; margin: 0.5ch;
@ -165,7 +178,8 @@ nav > li {
color: black; } color: black; }
.box.white a:hover { .box.white a:hover {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; } color: #c9c9c9;
border-color: #c9c9c9; }
.box.blue { .box.blue {
background-color: #171c94; background-color: #171c94;
color: #c9c9c9; color: #c9c9c9;
@ -173,18 +187,21 @@ nav > li {
box-shadow: 0 0 0 0.25ch #171c94; } box-shadow: 0 0 0 0.25ch #171c94; }
.box.blue li.button-list > ul:hover { .box.blue li.button-list > ul:hover {
background-color: #c9c9c9; background-color: #c9c9c9;
color: black; } color: black;
border-color: black; }
.box.blue li.button-list > ul:hover > a { .box.blue li.button-list > ul:hover > a {
color: black; } color: black; }
.box.blue a:hover { .box.blue a:hover {
background-color: #c9c9c9; background-color: #c9c9c9;
color: #171c94; } color: #171c94;
border-color: #171c94; }
.box.blue hr { .box.blue hr {
border-color: #c9c9c9; } border-color: #c9c9c9; }
.list-symbol::after { .list-symbol::after {
content: " ▼"; } content: " ▼"; }
/* Style helpers, like space-takers */
.space-1em { .space-1em {
min-height: 21px; } min-height: 21px; }

2
style.css.map
View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "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",
"sources": ["style.scss"], "sources": ["style.scss"],
"names": [], "names": [],
"file": "style.css" "file": "style.css"

83
style.scss
View File

@ -11,18 +11,38 @@ $line-height: $em-height + $line-overflow;
$box-border: 2px; $box-border: 2px;
$box-double-border: 4px; $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 :root { // Styles applying to everyting
font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace";
background-color: $default-black; @include whiteOnBlack;
color: $default-white;
font-weight: 400; font-weight: 400;
font-size: $em-height; font-size: $em-height;
line-height: $line-height; line-height: $line-height;
} }
// General styles for elements /* General styles for elements */
* { // Remove margin and padding from everything by default * { // Remove margin and padding from everything by default
margin: 0; margin: 0;
@ -47,9 +67,8 @@ ul {
a { a {
color: $default-white; color: $default-white;
:hover { &:hover {
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
} }
} }
@ -72,7 +91,7 @@ nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr {
border-color: $default-white; border-color: $default-white;
} }
// Lists /* Lists */
li { li {
&:not(.button-list) > ul::before { &:not(.button-list) > ul::before {
@ -82,8 +101,7 @@ li {
width: calc(100% - 1ch); width: calc(100% - 1ch);
&:hover { &:hover {
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
& > a { & > a {
color: $default-white; color: $default-white;
@ -101,7 +119,7 @@ li {
} }
} }
// Navbars /* Navbars */
@keyframes hide { @keyframes hide {
0% { 0% {
@ -130,8 +148,7 @@ nav {
} }
& > li { // Navbar & > li { // Navbar
background-color: $default-white; @include blackOnWhite;
color: $default-black;
margin-left: 0; margin-left: 0;
& > ul { // Navbar items & > ul { // Navbar items
@ -142,13 +159,11 @@ nav {
padding-right: 1ch; padding-right: 1ch;
&:hover { // Navbar items &:hover { // Navbar items
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
cursor: pointer; cursor: pointer;
} }
&:focus { &:focus {
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
li { // Display inner items on focus li { // Display inner items on focus
display: block; display: block;
@ -161,11 +176,10 @@ nav {
} }
& > li { // Navbar inner lists & > li { // Navbar inner lists
@include blackOnWhite;
position: absolute; position: absolute;
border: 2px solid $default-white; border: 2px solid;
border-color: $default-black;
box-shadow: 0 0 0 0.25ch $default-white; box-shadow: 0 0 0 0.25ch $default-white;
background-color: $default-white;
margin-left: calc(2px - 1ch); margin-left: calc(2px - 1ch);
margin-right: calc(2px - 1ch); margin-right: calc(2px - 1ch);
margin-top: $line-height / 2; margin-top: $line-height / 2;
@ -181,15 +195,13 @@ nav {
animation-duration: 0.5s; animation-duration: 0.5s;
& > ul { // Inner Items & > ul { // Inner Items
background-color: $default-white; @include blackOnWhite;
color: $default-black;
padding-left: 1ch; padding-left: 1ch;
padding-right: 1ch; padding-right: 1ch;
min-height: $line-height; min-height: $line-height;
&:hover { // Navbar inner items hover &:hover { // Navbar inner items hover
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
} }
} }
} }
@ -203,7 +215,7 @@ nav {
} }
} }
// Classes /* Miscallaneous Classes */
.box { .box {
border: $box-border solid $default-white; border: $box-border solid $default-white;
@ -229,43 +241,34 @@ nav {
} }
&.black { &.black {
background-color: $default-black; @include whiteOnBlack;
color: $default-white;
border-color: $default-white;
box-shadow: 0 0 0 0.25ch $default-black; box-shadow: 0 0 0 0.25ch $default-black;
} }
&.white { &.white {
background-color: $default-white; @include blackOnWhite;
color: $default-black;
border-color: $default-black;
box-shadow: 0 0 0 0.25ch $default-white; box-shadow: 0 0 0 0.25ch $default-white;
a { a {
color: $default-black; color: $default-black;
&:hover { &:hover {
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
} }
} }
} }
&.blue { &.blue {
background-color: $default-blue; @include whiteOnBlue;
color: $default-white;
border-color: $default-white;
box-shadow: 0 0 0 0.25ch $default-blue; box-shadow: 0 0 0 0.25ch $default-blue;
li.button-list > ul:hover { li.button-list > ul:hover {
background-color: $default-white; @include blackOnWhite;
color: $default-black;
} }
li.button-list > ul:hover > a { li.button-list > ul:hover > a {
color: $default-black; color: $default-black;
} }
a:hover { a:hover {
background-color: $default-white; @include blueOnWhite;
color: $default-blue;
} }
hr { hr {
border-color: $default-white; border-color: $default-white;
@ -277,7 +280,7 @@ nav {
content: " ▼"; content: " ▼";
} }
// Style helpers, like space-takers /* Style helpers, like space-takers */
@for $i from 1 through 5 { @for $i from 1 through 5 {
.space-#{$i}em { min-height: $line-height * $i; } .space-#{$i}em { min-height: $line-height * $i; }