187 lines
2.7 KiB
SCSS
187 lines
2.7 KiB
SCSS
// Gruvbox colorscheme
|
|
// https://github.com/morhetz/gruvbox
|
|
$bg0: #282828;
|
|
$bg0_h: #1D2021;
|
|
$bg0_s: #32302F;
|
|
$bg1: #3C3836;
|
|
$bg2: #504945;
|
|
$bg3: #665C54;
|
|
$bg4: #7C6F64;
|
|
|
|
$fg0: #FBF1C7;
|
|
$fg1: #EBDBB2;
|
|
$fg2: #D5C4A1;
|
|
$fg3: #BDAE93;
|
|
$fg4: #A89984;
|
|
|
|
$bg: $bg0_h;
|
|
$gray: #928374;
|
|
$red: #CC241D;
|
|
$lighred: #FB4934;
|
|
$green: #98971A;
|
|
$lightgreen: #B8BB26;
|
|
$yellow: #D79921;
|
|
$lightyellow: #FABD2F;
|
|
$blue: #458488;
|
|
$lightblue: #84A598;
|
|
$purple: #B16286;
|
|
$lightpurple: #D3869B;
|
|
$aqua: #689D6A;
|
|
$lightaqua: #8EC07C;
|
|
$orange: #D65D0E;
|
|
$lightorange: #FE8019;
|
|
$lighgray: #A89984;
|
|
$fg: $fg1;
|
|
|
|
// Default font and colors.
|
|
// ========================
|
|
|
|
// Body.
|
|
body {
|
|
font-family: 'monospace';
|
|
font-size: 1.2rem;
|
|
color: $fg;
|
|
background-color: $bg;
|
|
}
|
|
|
|
// Links.
|
|
a {
|
|
outline: none;
|
|
text-decoration: none;
|
|
padding: 2px 1px 0;
|
|
}
|
|
|
|
a:link {
|
|
color: $yellow;
|
|
}
|
|
|
|
a:visited {
|
|
color: $purple
|
|
}
|
|
|
|
a:focus {
|
|
color: $lightpurple;
|
|
}
|
|
|
|
a:hover {
|
|
color: $lightyellow
|
|
}
|
|
|
|
a:active {
|
|
background: $yellow;
|
|
color: $bg
|
|
}
|
|
|
|
// Prompt and command line.
|
|
// ========================
|
|
.cmdblock {
|
|
border: 0;
|
|
|
|
p, ol, ul {
|
|
margin: 0;
|
|
}
|
|
|
|
p.prompt:before {
|
|
content: "$ ";
|
|
}
|
|
}
|
|
|
|
// Breadcrumb.
|
|
// ===========
|
|
.breadcrumb {
|
|
//display: inline;
|
|
|
|
ol {
|
|
//display: inline;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li:not(:last-child)::after {
|
|
content: "/";
|
|
}
|
|
|
|
a {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
// Menus.
|
|
// ======
|
|
.menu {
|
|
ul.tree {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
/*ul.tree-child {
|
|
border-left: solid 2px;
|
|
}*/
|
|
|
|
//
|
|
ul.tree ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul.tree ul {
|
|
margin-left: 0.5ch;
|
|
}
|
|
ul.tree ul ul {
|
|
margin-left: 4ch;
|
|
}
|
|
|
|
ul.tree ul li {
|
|
margin: 0;
|
|
padding: 0 0.3ch;
|
|
//line-height: 20px;
|
|
//color: #369;
|
|
//font-weight: bold;
|
|
border-left:0.1ch solid $fg;
|
|
|
|
}
|
|
ul.tree ul li:last-child {
|
|
border-left:none;
|
|
display: inline;
|
|
}
|
|
ul.tree ul li:before {
|
|
position:relative;
|
|
top:-0.3em;
|
|
height:0.5em;
|
|
width:2ch;
|
|
//color:white;
|
|
border-bottom:0.1em solid $fg;
|
|
content:"";
|
|
display:inline-block;
|
|
left:-0.3ch;
|
|
}//*/
|
|
ul.tree ul li:last-child:before {
|
|
border-left:0.1ch solid $fg;
|
|
}
|
|
|
|
/*li {
|
|
//display: inline-block;
|
|
}*/
|
|
|
|
/*li:not(:last-child)::after {
|
|
content: "|";
|
|
}*/
|
|
|
|
a {
|
|
//display: block;
|
|
//padding: 6px 12px;
|
|
//text-decoration: none;
|
|
}
|
|
}
|
|
|