38 lines
886 B
SCSS
38 lines
886 B
SCSS
|
// Colors
|
||
|
|
//
|
||
|
|
$theme: #018574;
|
||
|
|
$text: #c6cddb;
|
||
|
|
$light-grey: #154961; // Overridden
|
||
|
|
$dark-grey: #3b3e48;
|
||
|
|
$highlight-grey: #7d828a;
|
||
|
|
$midnightblue: #31333d;
|
||
|
|
|
||
|
|
// Fonts
|
||
|
|
//
|
||
|
|
$fonts: "Trebuchet MS", Verdana, "Verdana Ref", "Segoe UI", Candara,
|
||
|
|
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
|
||
|
|
$code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco,
|
||
|
|
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
|
||
|
|
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New",
|
||
|
|
Courier, "YaHei Consolas Hybrid", monospace, "Segoe UI Emoji", "PingFang SC",
|
||
|
|
"Microsoft YaHei";
|
||
|
|
|
||
|
|
// Mixins
|
||
|
|
//
|
||
|
|
@mixin dimmed {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin aTag {
|
||
|
|
a {
|
||
|
|
word-break: break-all;
|
||
|
|
border: none;
|
||
|
|
box-shadow: inset 0 -4px 0 $theme;
|
||
|
|
transition-property: background-color;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $theme;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|