mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-06-27 12:36:50 +00:00
138aa062ea
Co-authored-by: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com> Co-authored-by: Franck Nijhof <git@frenck.dev>
77 lines
2.0 KiB
SCSS
77 lines
2.0 KiB
SCSS
$use-grids: true;
|
|
$site-width: 1560px;
|
|
$responsive: true;
|
|
$use-gridfix: true;
|
|
|
|
// Fonts & Font Families
|
|
$serif: Georgia, 'Times New Roman', Times, serif !default;
|
|
$sans-serif: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$heading-font: "Figtree", "Helvetica Neue", Arial, sans-serif !default;
|
|
|
|
$h1-size: 40px;
|
|
$h2-size: 28px;
|
|
$h3-size: 22px;
|
|
$h4-size: 19px;
|
|
$h5-size: 16px;
|
|
$h6-size: 14px;
|
|
|
|
// Grays
|
|
// -------------------------
|
|
$black: #000 !default;
|
|
$grayDarker: #222 !default;
|
|
$grayDark: #333 !default;
|
|
$gray: #555 !default;
|
|
$grayLight: #999 !default;
|
|
$grayLighter: #eee !default;
|
|
$white: #fff !default;
|
|
|
|
// Accent colors
|
|
// -------------------------
|
|
$blue: #1abcf2 !default;
|
|
$blueDark: #007fa8 !default;
|
|
$green: #46a546 !default;
|
|
$red: #9d261d !default;
|
|
$yellow: #ffc40d !default;
|
|
$orange: #f89406 !default;
|
|
$pink: #c3325f !default;
|
|
$purple: #7a43b6 !default;
|
|
|
|
// Social network colors
|
|
// Organised in a key-value pair list for dynamic SASS
|
|
// Can be infinitely extended by adding more as required
|
|
// -------------------------
|
|
$sites:
|
|
adn #4A484C,
|
|
dribbble #EA4C89,
|
|
facebook #3B5998,
|
|
github #333333,
|
|
gplus #db4a39,
|
|
linkedin #4875b4,
|
|
pinterest #CC2127,
|
|
stackoverflow #FE7A15,
|
|
twitter #00a0d1,
|
|
youtube #CC181E;
|
|
|
|
// Site footer
|
|
// -------------------------
|
|
$footer-height: 100px;
|
|
|
|
// Site colors
|
|
// -------------------------
|
|
$primary-color: $blue;
|
|
$secondary-color: $green;
|
|
// -------------------------
|
|
$site-background: #FBFBFB;
|
|
$header-background: rgba(251,251,251,.8);
|
|
$footer-background: #f2f4f9;
|
|
$text-color: $grayDarker;
|
|
$title-color: $primary-color;
|
|
$link-color: #007fa8;
|
|
$button-color: $primary-color;
|
|
$button-text: $white;
|
|
$navigation-color: $link-color;
|
|
|
|
$brand-round: 16px;
|
|
$brand-face: $heading-font;
|
|
$brand-color: $primary-color;
|