|
|
/******************************* Site*******************************/
/*------------------- Page--------------------*/
@bodyColor : #FCFCFC;@fontSize : 15px;
/*------------------- Fonts--------------------*/
@headerFont : 'Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;';@pageFont : 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;';
/******************************* Colors*******************************/
/*------------------- Background--------------------*/
/*--- Colors ---*/@primaryColor : #D95C5C;@secondaryColor : #00B5AD;@tertiaryColor : #00B5AD;
@blue : #6ECFF5;@gold : #FFCB08;@green : #5BBD72;@orange : #E96633;@pink : #D9499A;@purple : #564F8A;@red : #F00000;@teal : #00B5AD;@white : #FFFFFF;@yellow : #F6F3D5;
/*--- Emotive ---*/@positiveColor : #5BBD72;@negativeColor : #D95C5C;
@infoColor : #E6F4F9;@warningColor : #96904D;@errorColor : #D95C5C;
/*--- Neutrals ---*/@darkGrey : #231F20;@midGrey : #5C6166;@grey : #9DA6AB;@lightGrey : #DCDDDE;
@neutral : #CCCCCC;
@white : #FFFFFF;@offWhite : #FAFAFA;@darkWhite : #F0F0F0;
/*------------------- Text Colors--------------------*/
@darkTextColor : rgba(0, 0, 0, 0.85);@textColor : rgba(0, 0, 0, 0.7);@lightTextColor : rgba(0, 0, 0, 0.4);
@disabledTextColor : rgba(0, 0, 0, 0.2);
/*------------------- Borders--------------------*/
@borderColor : rgba(0, 0, 0, 0.1);@solidBorderColor : #DDDDDD;
/*------------------- Sizes--------------------*/
@mini : 0.7;@tiny : 0.8;@small : 0.875;@medium : 1;@large : 1.125;@big : 1.25;@huge : 1.375;@massive : 1.5;
/*------------------- Transitions--------------------*/
@transitionDuration : 0.25s;@transitionEasing : ease;
/******************************* States*******************************/
/*------------------- Hover--------------------*/
/*--- Colors ---*/@primaryColorHover : lighten( saturate(@primaryColor, 10), 10);@secondaryColorHover : lighten( saturate(@secondaryColor, 10), 10);@tertiaryColorHover : lighten( saturate(@tertiaryColor, 10), 10);
@blueHover : lighten( saturate(@blue, 10), 10);@goldHover : lighten( saturate(@gold, 10), 10);@greenHover : lighten( saturate(@green, 10), 10);@orangeHover : lighten( saturate(@orange, 10), 10);@pinkHover : lighten( saturate(@pink, 10), 10);@purpleHover : lighten( saturate(@purple, 10), 10);@redHover : lighten( saturate(@red, 10), 10);@tealHover : lighten( saturate(@teal, 10), 10);@whiteHover : lighten( saturate(@white, 10), 10);@yellowHover : lighten( saturate(@yellow, 10), 10);
/*--- Emotive ---*/@positiveColorHover : lighten( saturate(@positiveColor, 10), 10);@negativeColorHover : lighten( saturate(@negativeColor, 10), 10);
@infoColorHover : lighten( saturate(@infoColor, 10), 10);@warningColorHover : lighten( saturate(@warningColor, 10), 10);@errorColorHover : lighten( saturate(@errorColor, 10), 10);
/*--- Neutrals ---*/@darkGreyHover : lighten( saturate(@darkGrey, 10), 10);@midGreyHover : lighten( saturate(@midGrey, 10), 10);@greyHover : lighten( saturate(@grey, 10), 10);@lightGreyHover : lighten( saturate(@lightGrey, 10), 10);
@neutralHover : lighten( saturate(@neutral, 10), 10);
@whiteHover : lighten( saturate(@white, 10), 10);@offWhiteHover : lighten( saturate(@offWhite, 10), 10);@darkWhiteHover : lighten( saturate(@darkWhite, 10), 10);
/*------------------- Down (:active)--------------------*/
/*--- Colors ---*/@primaryColorDown : darken(@primaryColor, 10);@secondaryColorDown : darken(@secondaryColor, 10);@tertiaryColorDown : darken(@tertiaryColor, 10);
@blueDown : darken(@blue, 10);@goldDown : darken(@gold, 10);@greenDown : darken(@green, 10);@orangeDown : darken(@orange, 10);@pinkDown : darken(@pink, 10);@purpleDown : darken(@purple, 10);@redDown : darken(@red, 10);@tealDown : darken(@teal, 10);@whiteDown : darken(@white, 10);@yellowDown : darken(@yellow, 10);
/*--- Emotive ---*/@positiveColorDown : darken(@positiveColor, 10);@negativeColorDown : darken(@negativeColor, 10);
@infoColorDown : darken(@infoColor, 10);@warningColorDown : darken(@warningColor, 10);@errorColorDown : darken(@errorColor, 10);
/*--- Neutrals ---*/@darkGreyDown : darken(@darkGrey, 10);@midGreyDown : darken(@midGrey, 10);@greyDown : darken(@grey, 10);@lightGreyDown : darken(@lightGrey, 10);
@neutralDown : darken(@neutral, 10);
@whiteDown : darken(@white, 10);@offWhiteDown : darken(@offWhite, 10);@darkWhiteDown : darken(@darkWhite, 10);
/*------------------- Active--------------------*/
/*--- Standard ---*/@primaryColorActive : lighten(@primaryColor, 10);@secondaryColorActive : lighten(@secondaryColor, 10);@tertiaryColorActive : lighten(@tertiaryColor, 10);
@blueActive : lighten(@blue, 10);@goldActive : lighten(@gold, 10);@greenActive : lighten(@green, 10);@orangeActive : lighten(@orange, 10);@pinkActive : lighten(@pink, 10);@purpleActive : lighten(@purple, 10);@redActive : lighten(@red, 10);@tealActive : lighten(@teal, 10);@whiteActive : lighten(@white, 10);@yellowActive : lighten(@yellow, 10);
/*--- Emotive ---*/@positiveColorActive : lighten(@positiveColor, 10);@negativeColorActive : lighten(@negativeColor, 10);
@infoColorActive : lighten(@infoColor, 10);@warningColorActive : lighten(@warningColor, 10);@errorColorActive : lighten(@errorColor, 10);
/*--- Neutrals ---*/@darkGreyActive : lighten(@darkGrey, 10);@midGreyActive : lighten(@midGrey, 10);@greyActive : lighten(@grey, 10);@lightGreyActive : lighten(@lightGrey, 10);
@neutralActive : lighten(@neutral, 10);
@whiteActive : lighten(@white, 10);@offWhiteActive : lighten(@offWhite, 10);@darkWhiteActive : lighten(@darkWhite, 10);
|
