|
|
|
@ -63,6 +63,11 @@ $Brown: #8b4513;
|
|
|
|
|
$BrownShadow:rgba(145, 81, 23, 0.5);
|
|
|
|
|
$BrownBackground: #fff4ed;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Creme
|
|
|
|
|
$Creme: #f8f4e8;
|
|
|
|
|
$CremeShadow:rgba(145, 81, 23, 0.5);
|
|
|
|
|
$CremeBackground: #fff4ed;
|
|
|
|
|
|
|
|
|
|
//--------------------------------------------Black
|
|
|
|
|
$Black: #2f353b;
|
|
|
|
|
$BlackShadow:rgba(0, 0, 0, 0.5);
|
|
|
|
@ -80,9 +85,9 @@ $TealBackground: #ffe5e9;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$Colors: (Red: $Red, Orange: $Orange, Yellow: $Yellow, Gold: $Gold, Purple: $Purple, Blue: $Blue, Green: $Green, Cyan: $Cyan, LightGray: $LightGray, Gray: $Gray, Brown: $Brown, Black: $Black, White: $White);
|
|
|
|
|
$colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Purple, blue: $Blue, green: $Green, cyan: $Cyan, light-gray: $LightGray, gray: $Gray, brown: $Brown, black: $Black, white: $White, tael: $Teal);
|
|
|
|
|
$Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey.lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow);
|
|
|
|
|
$backgrounds: (red: $RedBackground, orange: $OrangeBackground, yellow: $YellowBackground, gold: $GoldBackground, purple: $PurpleBackground, blue: $BlueBackground, green: $GreenBackground, cyan: $CyanBackground, gray: $GrayBackground, 'grey.lighten-3': $LightGrayBackground, brown: $BrownBackground, black: $BlackBackground, white: $WhiteBackground, teal: $TealBackground);
|
|
|
|
|
$colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Purple, blue: $Blue, dark-blue: $DarkBlue, green: $Green, cyan: $Cyan, light-gray: $LightGray, gray: $Gray, brown: $Brown, black: $Black, white: $White, tael: $Teal);
|
|
|
|
|
$Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, dark-blue: $DarkBlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey.lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow);
|
|
|
|
|
$backgrounds: (red: $RedBackground, orange: $OrangeBackground, yellow: $YellowBackground, gold: $GoldBackground, purple: $PurpleBackground, blue: $BlueBackground, dark-blue: $DarkBlueBackground, green: $GreenBackground, cyan: $CyanBackground, gray: $GrayBackground, 'grey.lighten-3': $LightGrayBackground, brown: $BrownBackground, black: $BlackBackground, white: $WhiteBackground, teal: $TealBackground);
|
|
|
|
|
:root {
|
|
|
|
|
//-------------------------------------------Main Colors
|
|
|
|
|
--color-red: #ee3552;
|
|
|
|
|