homepage/assets/scss/_predefined.scss

37 lines
1.2 KiB
SCSS
Raw Normal View History

// Colors
//
$theme: #613583; // hyperlink highlight background colour, .post-info
// site-local link :hover highlight colour
$text: #21fa45; // colour of normal text
$light-grey: #010000; // background
$dark-grey: #111115; // hover bar
$highlight-grey: #9141ac; // code (not in pre) background
$midnightblue: #151718; // code text (not in pre) colour
// Fonts
//
$fonts: "Trebuchet MS", Verdana, "Verdana Ref", "Segoe UI", Candara, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
$code-fonts: "Fira Code Retina", 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: .6;
}
@mixin aTag {
a {
word-wrap: break-word;
border: none;
box-shadow: inset 0 -1px 0 $theme;
transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
&:hover {
color: $dark-grey;
box-shadow: inset 0 -2em 0 $theme;
opacity: 1;
}
}
}