Skip to content

Instantly share code, notes, and snippets.

@vladinator1000
Created October 1, 2018 23:50
Show Gist options
  • Save vladinator1000/a7b04de62c2f692ced9799167cfc1f32 to your computer and use it in GitHub Desktop.
Save vladinator1000/a7b04de62c2f692ced9799167cfc1f32 to your computer and use it in GitHub Desktop.
// Foundation for Sites Settings
// -----------------------------
$color-primary: #62a9ff;
$color-blackish: #181b22;
$inner-card-black: #1d2026;
$color-dark-gray: #25292f;
$color-gray: #b9babb;
$color-light-gray: #c5c8cf;
$color-red: #ff8d8d;
$color-dark-white: #eee;
$round-corners: 0.5rem;
$tiny: 0.5rem;
$small: 0.8rem;
$medium: 1.5rem;
$large: 2rem;
$huge: 3.9rem;
// Media query breakpoints
$breakpoint-small: 39rem;
$breakpoint-medium: 40rem;
$breakpoint-large: 64rem;
// Colors
$primary-color: #62A9FF;
$primary-color-darker: #1C679C;
$primary-color-darkest: #092234;
$secondary-color: #A559C4;
$alert-color: #DE7375;
$success-color: #89C88C;
$warning-color: #E7B075;
$info-color: #A0D3E8;
$time-color: #80DBD8;
$light-gray-color: #F1F1F1;
$gray-color: #DEDEDE;
$dark-gray-color: #999999;
$charcoal-color: #474747;
// Fonts
$small-font-size: 40%;
// Margins
$tiny-margin: 0.5em;
$small-margin: 0.8em;
$medium-margin: 1.5em;
$large-margin: 2em;
$huge-margin: 3.9em;
// Transition stuff
$input-transition: 0s;
// Media query breakpoints
$small-breakpoint: 39.9375em;
$medium-breakpoint: 40em;
$large-breakpoint: 64em;
// Base Typography
// ---------------
$font-family: 'Open sans', sans-serif;
$font-weight-bold: 'bold';
$font-weight-normal: 'normal';
$font-weight-thin: 'thin';
// TODO change these to golden ratio
$header-sizes: (
small: (
'h1': 24,
'h2': 20,
'h3': 19,
'h4': 18,
'h5': 17,
'h6': 16,
),
medium: (
'h1': 48,
'h2': 40,
'h3': 31,
'h4': 25,
'h5': 20,
'h6': 16,
),
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment