|
@import '../theme/color.scss';
|
|
|
|
$white: #ffffff;
|
|
$white-mask: rgba(255, 255, 255, 0.7);
|
|
$white-lg: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
|
|
$black: #000000;
|
|
$black-mask: rgba(0, 0, 0, 0.3);
|
|
$black-lg: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
|
|
$gray: #999999;
|
|
|
|
$c-33: #333333;
|
|
$c-66: #666666;
|
|
$c-99: #999999;
|
|
$c-dd: #dddddd;
|
|
$c-f5: #f5f5f5;
|
|
$c-f9: #f9f9f9;
|
|
|
|
$blue: #409eff;
|
|
$blue-lg: linear-gradient(to right, #0aa4ae, #305fb2, #6203b8);
|
|
$green: #1EC77A;
|
|
$green-lg: linear-gradient(to right, #1EC77A, #ffff00);
|
|
$yellow: #ffff00;
|
|
$yellow-lg: linear-gradient(to right, #ffff00, #e6a23c);
|
|
$orange: #FF7A31;
|
|
$orange-lg: linear-gradient(to right, #e6a23c, #FF7A31);
|
|
$red: #f56c6c;
|
|
$red-lg: linear-gradient(to right, #f56c6c, #409eff);
|
|
|
|
// $border: #dddddd;
|
|
// $active: #409eff;
|
|
// $active-lg: linear-gradient(to right, #409eff, #dddddd);
|
|
// $cancel: #999999;
|
|
// $confirm: #409eff;
|
|
|
|
$names: white, white-mask, black, black-mask, gray, 33, 66, 99, dd, f5,f9, blue, green, yellow, orange, red, active, cancel, confirm;
|
|
$colors: $white, $white-mask, $black, $black-mask, $gray, $c-33, $c-66, $c-99, $c-dd, $c-f5,$c-f9, $blue, $green, $yellow, $orange, $red, $active, $cancel, $confirm;
|
|
|
|
$names-lg: white-lg, black-lg, blue-lg, green-lg, yellow-lg, orange-lg, red-lg, active-lg;
|
|
$colors-lg: $white-lg, $black-lg, $blue-lg, $green-lg, $yellow-lg, $orange-lg, $red-lg, $active-lg;
|