copyleftconf-website/static/scss/variables.scss
2019-09-30 11:56:05 -04:00

39 lines
1.4 KiB
SCSS

/* COLORS */
// Used by links, buttons, and other background bits.
$brand-primary: #5cc9c9; // CopyleftConf cyan
$brand-secondary: #ffffcc; // footer yellow
//$background-filter: hsla(207, 60%, 85%, 1.0);
$background-filter: $brand-secondary;
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
$logo-sky-blue: $brand-secondary;
/* TEXT */
@font-face {
font-family: AbyssinicaSILW;
src: url(/static/fonts/AbyssinicaSIL-R.woff) format("woff");
}
@font-face {
font-family: ChunkFivePrint;
src: url(/static/fonts/ChunkFivePrint.otf) format("opentype");
}
$font-family-sans-serif: 'Montserrat', "Liberation Sans", Arial, sans-serif;
$font-family-serif: AbyssinicaSILW, "Liberation Serif", "Times New Roman", Times, serif;
$font-family-monospace: "Liberation Mono", "Courier New", monospace;
$font-family-base: $font-family-serif;
$font-size-base: 16px;
$headings-line-height: 1.0;
$text-color: #000;
// Navbar
$navbar-default-bg: $brand-primary;
$navbar-default-color: white;
$navbar-default-link-color: darken($navbar-default-color, 6.5%);
$navbar-default-link-hover-color: darken($navbar-default-link-color, 6.5%);
$navbar-default-link-active-color: $navbar-default-link-hover-color;
$navbar-default-link-disabled-color: lighten($navbar-default-bg, 6.5%);
$box-shadow: 0px 1px 1em rgba(0, 1, 1, 1); //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);