Sha256: 25f441792484356551d1262696cd5dcc531d5c9208d72411a56f3e4fb2c4d49f
Contents?: true
Size: 1.38 KB
Versions: 6
Compression:
Stored size: 1.38 KB
Contents
// ==========================================================================
// Colors
// ==========================================================================
//- Monochromatic
$white: #fff;
$off-white: #F9F9FB;
$gray: #9B9FA2;
$gray-light: #CCCDCF;
$gray-light-2: #E4E4E7;
$gray-light-3: #F2F2F5;
$gray-dark: #73787C;
$gray-dark-2: #383E40;
$black: #111;
//- Mains
$purple: #79589F;
$purple-light: lighten(#79589F, 20%);
$indigo: #211746;
$blue: #4A90E2;
$green: #74C080;
$orange: #FA9F47;
$red: #D64242;
//- Brand
$brand-primary: $purple;
$brand-info: $blue;
$brand-success: $green;
$brand-warning: $orange;
$brand-danger: $red;
//- Utility
$dim: fade-out($black, .5);
$dimmer: fade-out($black, .2);
$error: $brand-danger;
$valid: $brand-success;
$info: $brand-info;
$warning: $brand-warning;
$brand-facebook: #03539e;
$brand-twitter: #35ccff;
$brand-linkedin: #217bc1;
$text-color: $gray-dark-2;
$text-color-light: $gray-dark;
//- Gradients
$grad-purple: #58488a;
$grad-purple-blue: #5d64d0;
@mixin grad-purple() {
background-color: $grad-purple;
background-image: linear-gradient(to bottom, $grad-purple, $grad-purple-blue);
}
@mixin grad-purple-dark() {
background-color: #4A4090;
background-image: linear-gradient(to bottom, #4A4090, #372E6C);
}
@mixin grad-gray-light() {
background-color: $white;
background-image: linear-gradient(top, fade-out($gray-light-3, .5), $white 50%);
}
Version data entries
6 entries across 6 versions & 1 rubygems