ensl.org/app/assets/stylesheets/_variables.scss

110 lines
2 KiB
SCSS
Raw Normal View History

2014-04-06 14:14:03 +00:00
/*
Neat Overrides
*/
2014-05-03 01:21:29 +00:00
$max-width: 1020px;
$gutter: em(20);
2014-04-06 14:14:03 +00:00
/*
Grid Debugging
*/
// $visual-grid: true;
// $visual-grid-index: 10000;
// $visual-grid-opacity: 0.5;
2014-04-06 14:14:03 +00:00
/*
Neat Breakpoints
*/
$medium-screen: 640px;
$large-screen: 860px;
2014-04-06 14:14:03 +00:00
$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
$large-screen-up: new-breakpoint(min-width $large-screen 8);
/*
Typography
*/
2014-05-03 01:21:29 +00:00
$inder: 'Inder', sans-serif;
$electrolize: 'Electrolize', sans-serif;
$fontawesome: 'FontAwesome';
2014-05-03 01:21:29 +00:00
$sans-serif: $electrolize;
2014-04-06 14:14:03 +00:00
2014-05-03 01:21:29 +00:00
$base-font-family: $inder;
$header-font-family: $electrolize;
2014-04-06 14:14:03 +00:00
/*
Sizes
*/
$base-font-size: 14px;
2014-04-06 14:14:03 +00:00
$base-line-height: $base-font-size * 1.5;
$base-border-radius: 3px;
2014-04-06 14:14:03 +00:00
/*
Colours
*/
$red: #de8650;
$green: darken(#68cc90, 10);
2014-05-03 01:21:29 +00:00
$blue: #0e4d78;
$gold: #FFD700;
$dark-blue: darken($blue, 15);
$deep-blue: darken($dark-blue, 15);
2014-04-18 00:07:07 +00:00
$dark-gray: #21262A;
2014-04-18 00:07:07 +00:00
$medium-gray: #2F383D;
2014-05-03 01:21:29 +00:00
$light-blue: #36b1ff;
$light-gray: darken(#ECF1F5, 5);
$light-red: #e56c69;
2014-04-06 14:14:03 +00:00
$light-yellow: #FFF6BF;
$light-green: #1f7f5c;
2014-04-06 14:14:03 +00:00
$base-body-color: white;
2014-04-18 00:07:07 +00:00
$base-font-color: $dark-gray;
2014-04-06 14:14:03 +00:00
$base-accent-color: $blue;
$base-link-color: $base-accent-color;
$hover-link-color: lighten($base-accent-color, 15);
2014-04-06 14:14:03 +00:00
$base-border-color: $light-gray;
$error-color: $light-red;
$notice-color: $light-yellow;
$success-color: $light-green;
2014-04-18 00:07:07 +00:00
$background-primary: $medium-gray;
2014-04-06 14:14:03 +00:00
2014-04-18 00:07:07 +00:00
$navbar-primary: $blue;
$navbar-secondary: $light-blue;
$navbar-border: lighten($dark-gray, 10);
2014-04-06 14:14:03 +00:00
$navbar-text: white;
$flash-text: white;
2014-04-18 00:07:07 +00:00
$flash-notice: $blue;
$flash-success: $green;
$flash-warning: $red;
2014-04-06 14:14:03 +00:00
$flash-error: #e56c69;
$input-font-size: $base-font-size;
2014-04-06 14:14:03 +00:00
$input-primary: white;
2014-04-18 00:07:07 +00:00
$input-secondary: $blue;
2014-04-06 14:14:03 +00:00
$input-text: #232323;
$input-border-width: 2px;
2014-04-18 00:07:07 +00:00
$input-border-colour: darken($light-gray, 10%);
$input-padding: 9px;
$input-border-radius: $base-border-radius;
2014-04-18 00:07:07 +00:00
$button-primary: $blue;
$button-secondary: $green;
2014-04-06 14:14:03 +00:00
$button-text: white;
2014-04-18 00:07:07 +00:00
/*
Shadows
*/
$content-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
$light-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);