Contents

//
// Colors
// https://davidwalsh.name/sass-color-variables-dont-suck
// Name That Color: http://chir.ag/projects/name-that-color/
//

$white: #ffffff;
$black: #000000;

$charcoal: #191919;
$metal: #555555;
$slate: #777777;
$stormy: #c0c0c0;
$mercury: #e8e8e8;
$cloudy: #dadada;
$prewhite: #f3f3f3;
$lighterprewhite: #f9f9f9;

$gold: #ebc30a;
$dandelion: #e7b707;
$lemon: #ffea00;
$sunshine: #fffde1;

$green: #04ac00;
$mint: #e7f9e6;

$red: #d9534f;
$crimson: #CC3030;

$navy: #002c82;
$blue-bright: #0057ff;
$periwinkle: #bdd4ff;
$baby-blue: #e6efff;
$powder: #f8fbff;


//
//  Other Variables
//

$border-radius: 3px;
$list-padding: 14px;
$border-default: solid 1px $mercury;
$opacity-default: .3;
$input-border-default: solid 1px $stormy;

// Forms

$input-padding-v: 8px;
$input-padding-h: 12px;

// Fonts

$font-primary: acumin-pro, sans-serif;
$font-icon-f: "FontAwesome";
$font-icon-f5: "Font Awesome 5 Free"; // solid
$font-icon-f5-r: "Font Awesome 5 Free Regular"; // regular
$font-icon-f5-b: 'Font Awesome 5 Brands'; // brands
$font-icon-g: "Glyphicons Halflings";


// Icons
%icon--info {
  color: $blue-bright;
  content: "\f05a";
  font-family: $font-icon-f5;
  font-weight: 900;
}

%icon--error {
  color: $red;
  content: "\f06a";
  font-family: $font-icon-f5;
  font-weight: 900;
}

%icon--warning {
  color: $gold;
  content: "\f071";
  font-family: $font-icon-f5;
  font-weight: 900;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
ethosstyles-0.1.14	app/assets/stylesheets/settings/_variables.scss