Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
// Default colors
@import './_constants.scss';
$black : #000;
$darker-gray : #5C5C5C;
$dark-gray : #B3B3B3;
$regular-gray : #CCC;
$light-gray : #EEE;
$text-default : #FFF;
$white : #FFF;
$blue : #101378;
$blue2 : #431f92;
$blue4 : #7EC8F8;
$blue6 : #1D1D86;
$blue7 : #3BC6FB;
$blue8 : #394ABC;
$blue9 : #4149E5;
$blue10 : #1D1D80;
$blue12 : #394AB5;
$blue13 : #52319A;
$lightblue : #3BC6FB;
$lightblue2 : #F7FAFC;
$dark-blue : #1C1342;
$teal : #8CE2D4;
$pink : #FF475D;
$pink2 : #b33046;
$purple : #BC47BA;
$purple2 : #853183;
$purple4 : #C43496;
$dark-green : #5fda68;
$light-green : #3FE1D2;
$gray : #b2b2b2;
$gray1 : #f1f1f1;
$gray2 : #ECEDF0;
$gray3 : #C2C2C2;
$gray4 : #F0F8F9;
$gray5 : #F8FCFD;
$gray6 : #CCD5D5;
$gray7 : #808080;
$gray8 : #C8CED0;
$code_block_bg : #F7FAFB;
$code_block_border : #E3EDF3;
$blog_head_color : #3BC2F7;
$schneider_main : #003546;
$water-green : #00FFD1;
$red : #FF475D;
$pattens-blue : #F7FAFC;
$light-yellow : #BFE634;
// shadows
$black-box-shaddow : rgba(0, 0, 0, 0.0922203);
$grey-box-shadow : rgba(168, 172, 173, 1);
$card-shadow : rgba(58, 98, 135, 0.1);
// Gradient backgrounds
$blue-gradient : linear-gradient($gradient-deg1, $lightblue $gradient-percent1, $light-green $gradient-percent2);
$green-gradient : linear-gradient($gradient-deg1, $dark-green $gradient-percent1, $light-yellow $gradient-percent2);
$pink-gradient : linear-gradient($gradient-deg1, $pink $gradient-percent1, $purple $gradient-percent2);
$pink-gradient2 : linear-gradient($gradient-deg2, $purple $gradient-percent3, $pink $gradient-percent4);
$purple-gradient : linear-gradient($gradient-deg1, $blue $gradient-percent1, $purple $gradient-percent2);
$dark-blue-gradient : linear-gradient($gradient-deg1, $blue $gradient-percent1, $blue2 $gradient-percent2);
$blue-purple-gradient : linear-gradient($gradient-deg2, $blue2 $gradient-percent5, $purple $gradient-percent4);
$blue-gradient2 : linear-gradient($gradient-deg3, $blue $gradient-percent1, $blue13 $gradient-percent6);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.