Sha256: ba436f99cab2e202f9bb47811c7a89a8b3c6e4ce91a1afcc01df849428ec3316
Contents?: true
Size: 1.33 KB
Versions: 79
Compression:
Stored size: 1.33 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() {
@include linear-gradient(to bottom, $grad-purple, $grad-purple-blue, $fallback: $grad-purple);
}
@mixin grad-purple-dark() {
@include linear-gradient(to bottom, #4A4090, #372E6C, $fallback: #4A4090);
}
@mixin grad-gray-light() {
@include linear-gradient(top, fade-out($gray-light-3, .5), $white 50%, $fallback: $white);
}
Version data entries
79 entries across 79 versions & 1 rubygems