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

Added mixins for color-schemes

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";
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; }

2
style.css.map
View File

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "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",
"mappings": ";AAkCA,KAAM;EACJ,WAAW,EAAE,kDAAkD;EAX/D,gBAAgB,EAtBF,KAAY;EAuB1B,KAAK,EAtBS,OAAkB;EAuBhC,YAAY,EAvBE,OAAkB;EAmChC,WAAW,EAAE,GAAG;EAEhB,SAAS,EAlCC,IAAI;EAmCd,WAAW,EAjCC,IAA2B;;AAoCzC,iCAAiC;AAEjC,CAAE;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ,CAAE;EACA,KAAK,EAAE,IAAI;;AAGb,CAAE;EACA,WAAW,EAAE,IAAI;;AAGnB,EAAG;EACD,UAAU,EAAE,IAAI;;AAGlB,EAAG;EACD,YAAY,EAAE,GAAG;;AAGnB,CAAE;EACA,KAAK,EAjES,OAAkB;EAkEhC,OAAQ;IAvDR,gBAAgB,EAVH,OAAgB;IAW7B,KAAK,EAZS,OAAkB;IAahC,YAAY,EAbE,OAAkB;;AAuElC,wBAAyB;EACvB,KAAK,EAxES,OAAkB;;AA2ElC,GAAI;EACF,MAAM,EAvEM,IAA2B;;AAyEzC,EAAG;EACD,MAAM,EAAE,MAAgB;EACxB,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,iBAAwB;;AAEzC,8CAA+C;EAC7C,YAAY,EArFE,KAAY;;AAuF5B,gEAAiE;EAC/D,YAAY,EAvFE,OAAkB;;AA0FlC,WAAW;AAGT,iCAAiC;EAC/B,OAAO,EAAE,IAAI;AAEf,mBAAmB;EACjB,KAAK,EAAE,gBAAgB;EAEvB,yBAAQ;IAxFV,gBAAgB,EAVH,OAAgB;IAW7B,KAAK,EAZS,OAAkB;IAahC,YAAY,EAbE,OAAkB;IAsG5B,6BAAM;MACJ,KAAK,EAvGG,OAAkB;EA2G9B,wBAAO;IACL,KAAK,EAAE,IAAI;EAGb,qBAAE;IACE,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;;AAKlB,aAAa;AAEb,eAYC;EAXC,EAAG;IACD,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,OAAO;EAEf,EAAG;IACD,OAAO,EAAE,CAAC;EAEZ,IAAK;IACH,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,OAAO;AAKhB,KAAE;EACA,KAAK,EAzIO,KAAY;EA0IxB,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;AAGvB,cAAW;EACT,OAAO,EAAE,aAAa;AAGxB,QAAO;EAxHP,gBAAgB,EA1BF,OAAkB;EA2BhC,KAAK,EA5BS,KAAY;EA6B1B,YAAY,EA7BE,KAAY;EAqJxB,WAAW,EAAE,CAAC;EAEd,aAAO;IACL,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;IAElB,mBAAQ;MAlJZ,gBAAgB,EAVH,OAAgB;MAW7B,KAAK,EAZS,OAAkB;MAahC,YAAY,EAbE,OAAkB;MA+J1B,MAAM,EAAE,OAAO;IAEjB,mBAAQ;MAtJZ,gBAAgB,EAVH,OAAgB;MAW7B,KAAK,EAZS,OAAkB;MAahC,YAAY,EAbE,OAAkB;MAoK1B,sBAAG;QACD,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,OAAO;QACb,cAAc,EAAE,IAAI;QAEpB,cAAc,EAAE,IAAI;IAIxB,kBAAO;MApJX,gBAAgB,EA1BF,OAAkB;MA2BhC,KAAK,EA5BS,KAAY;MA6B1B,YAAY,EA7BE,KAAY;MAiLrB,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,SAAS;MACjB,UAAU,EAAE,oBAA2B;MACvC,WAAW,EAAE,eAAe;MAC5B,YAAY,EAAE,eAAe;MAC7B,UAAU,EAAE,MAAgB;MAC5B,aAAa,EAAE,MAAgB;MAC/B,OAAO,EAAE,kBAAkB;MAC3B,WAAW,EAAE,MAAgB;MAC7B,cAAc,EAAE,MAAgB;MAEhC,OAAO,EAAE,CAAC;MACV,IAAI,EAAE,OAAO;MAEb,cAAc,EAAE,IAAI;MACpB,kBAAkB,EAAE,IAAI;MAExB,uBAAO;QAvKZ,gBAAgB,EA1BF,OAAkB;QA2BhC,KAAK,EA5BS,KAAY;QA6B1B,YAAY,EA7BE,KAAY;QAoMnB,YAAY,EAAE,GAAG;QACjB,aAAa,EAAE,GAAG;QAClB,UAAU,EAhML,IAA2B;QAkMhC,6BAAQ;UA5Lf,gBAAgB,EAVH,OAAgB;UAW7B,KAAK,EAZS,OAAkB;UAahC,YAAY,EAbE,OAAkB;EA8M/B,iBAAS;IACP,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,IAAI;IACpB,kBAAkB,EAAE,IAAI;;AAK7B,2BAA2B;AAE3B,IAAK;EACH,MAAM,EAAE,iBAAgC;EACxC,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,iBAA4B;EACrC,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,MAAgB;EAC5B,aAAa,EAAE,MAAiB;EAChC,WAAW,EAAE,KAA8B;EAC3C,cAAc,EAAE,KAA8B;EAC9C,cAAc,EAAE,GAAG;EAEnB,WAAS;IACP,YAAY,EAAE,MAAM;IACpB,YAAY,EA9NI,GAAG;IA+NnB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,mBAAqC;IAC9C,UAAU,EAAE,MAAiB;IAC7B,aAAa,EAAE,MAAiB;IAChC,WAAW,EAAE,KAAqC;IAClD,cAAc,EAAE,KAAqC;EAGvD,UAAQ;IA1NR,gBAAgB,EAtBF,KAAY;IAuB1B,KAAK,EAtBS,OAAkB;IAuBhC,YAAY,EAvBE,OAAkB;IAiP9B,UAAU,EAAE,kBAA2B;EAGzC,UAAQ;IA1NR,gBAAgB,EA1BF,OAAkB;IA2BhC,KAAK,EA5BS,KAAY;IA6B1B,YAAY,EA7BE,KAAY;IAuPxB,UAAU,EAAE,oBAA2B;IAEvC,YAAE;MACD,KAAK,EA1PM,KAAY;MA2PvB,kBAAQ;QA/OX,gBAAgB,EAVH,OAAgB;QAW7B,KAAK,EAZS,OAAkB;QAahC,YAAY,EAbE,OAAkB;EAgQhC,SAAO;IArPP,gBAAgB,EAVH,OAAgB;IAW7B,KAAK,EAZS,OAAkB;IAahC,YAAY,EAbE,OAAkB;IAkQ9B,UAAU,EAAE,oBAA0B;IAEtC,mCAA0B;MA1O5B,gBAAgB,EA1BF,OAAkB;MA2BhC,KAAK,EA5BS,KAAY;MA6B1B,YAAY,EA7BE,KAAY;IAwQxB,uCAA8B;MAC5B,KAAK,EAzQK,KAAY;IA2QxB,iBAAQ;MA1PV,gBAAgB,EAhBF,OAAkB;MAiBhC,KAAK,EAhBQ,OAAgB;MAiB7B,YAAY,EAjBC,OAAgB;IA4Q3B,YAAG;MACD,YAAY,EA9QF,OAAkB;;AAmRlC,mBAAoB;EAClB,OAAO,EAAE,IAAI;;AAGf,sCAAsC;AAGpC,UAAe;EAAE,UAAU,EAAE,IAAiB;;AAA9C,UAAe;EAAE,UAAU,EAAE,IAAiB;;AAA9C,UAAe;EAAE,UAAU,EAAE,IAAiB;;AAA9C,UAAe;EAAE,UAAU,EAAE,IAAiB;;AAA9C,UAAe;EAAE,UAAU,EAAE,KAAiB;;AAI9C,QAAqB;EAAE,KAAK,EAAE,GAAY;;AAA1C,SAAqB;EAAE,KAAK,EAAE,IAAY;;AAA1C,SAAqB;EAAE,KAAK,EAAE,IAAY;;AAA1C,SAAqB;EAAE,KAAK,EAAE,IAAY;;AAA1C,SAAqB;EAAE,KAAK,EAAE,IAAY;;AAG1C,SAAsB;EAAE,KAAK,EAAE,IAAmB;;AAAlD,UAAsB;EAAE,KAAK,EAAE,IAAmB;;AAAlD,UAAsB;EAAE,KAAK,EAAE,KAAmB;;AAAlD,UAAsB;EAAE,KAAK,EAAE,KAAmB;;AAAlD,UAAsB;EAAE,KAAK,EAAE,KAAmB;;AAIlD,UAAe;EAAE,OAAO,EAAE,GAAQ;EAAE,WAAW,EAAE,IAAiB;EAAE,cAAc,EAAE,IAAiB;;AAArG,UAAe;EAAE,OAAO,EAAE,GAAQ;EAAE,WAAW,EAAE,IAAiB;EAAE,cAAc,EAAE,IAAiB;;AAArG,UAAe;EAAE,OAAO,EAAE,GAAQ;EAAE,WAAW,EAAE,IAAiB;EAAE,cAAc,EAAE,IAAiB;;AAArG,UAAe;EAAE,OAAO,EAAE,GAAQ;EAAE,WAAW,EAAE,IAAiB;EAAE,cAAc,EAAE,IAAiB;;AAArG,UAAe;EAAE,OAAO,EAAE,GAAQ;EAAE,WAAW,EAAE,KAAiB;EAAE,cAAc,EAAE,KAAiB",
"sources": ["style.scss"],
"names": [],
"file": "style.css"

83
style.scss
View File

@ -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; }