mirror of
https://github.com/nicolabs/nicolabs.net.git
synced 2025-09-07 16:27:21 +02:00
75 lines
1.9 KiB
SCSS
75 lines
1.9 KiB
SCSS
/* nbo See also this very readable font : https://www.robustperception.io/conways-life-in-prometheus */
|
|
// Typography
|
|
$base-font-family: 'Open Sans', $helvetica;
|
|
// $base-font-family: 'Merriweather', "Georgia", serif;
|
|
$heading-font-family: $base-font-family;
|
|
|
|
// Font Sizes
|
|
$base-font-size: 1em;
|
|
|
|
// Line height
|
|
$base-line-height: 1.8;
|
|
$heading-line-height: 1.2;
|
|
|
|
// Other Sizes
|
|
$base-border-radius: .52em;
|
|
$base-spacing: 2em;
|
|
$small-spacing: $base-spacing / 4;
|
|
$base-z-index: 0;
|
|
|
|
// Colors
|
|
$black-color: #000;
|
|
$blue-color: #0099ff;
|
|
$dark-gray-color: #333;
|
|
$deepblue-color: #3000ee;
|
|
$green-color: #3dbf84;
|
|
$light-gray-color: #ccc;
|
|
$medium-gray-color: #666;
|
|
$orange-color: #ff9900;
|
|
$pink-color: #cc00cc;
|
|
$purple-color: #6600ff;
|
|
$red-color: #ee2200;
|
|
$yellow-color: #e0b300;
|
|
$yellowgreen-color: #C2E71D;
|
|
$white-color: #fff;
|
|
$pinkorange-color: #ff0033;
|
|
$indigo-magazine: #30f;
|
|
|
|
$primary-color: $pinkorange-color;
|
|
$action-color: $primary-color;
|
|
$secondary-color: $green-color;
|
|
|
|
// Font Colors
|
|
$base-font-color: $black-color;
|
|
|
|
// Border
|
|
$base-border-color: $light-gray-color;
|
|
$base-border: 1px solid $base-border-color;
|
|
|
|
// Background Colors
|
|
$base-background-color: $white-color;
|
|
$secondary-background-color: tint($base-border-color, 80%);
|
|
|
|
$header-background-color: $pinkorange-color; /* @nicobo header and footer */
|
|
$header-background-image: none;
|
|
$footer-background-color: $header-background-color;
|
|
$footer-background-image: none;
|
|
|
|
$header-logo-color: #fff;
|
|
$header-logo-active-color: $header-logo-color;
|
|
$header-link-color: #000;
|
|
$header-link-background-color: #fff;
|
|
$header-link-border-color: #000;
|
|
$header-link-active-color: $action-color;
|
|
$header-link-active-background-color: $header-link-background-color;
|
|
|
|
// Forms
|
|
$form-box-shadow: inset 0 1px 3px rgba($black-color, 0.06);
|
|
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
|
|
|
|
// Animations
|
|
$base-duration: 150ms;
|
|
$base-timing: ease;
|
|
|
|
$figcapton-color: $medium-gray-color;
|