23 lines
636 B
Plaintext
23 lines
636 B
Plaintext
|
// Variables
|
||
|
|
|
||
|
|
@primary: #66ccff;
|
||
|
|
@dark: #000;
|
||
|
|
@light: #fff;
|
||
|
|
|
||
|
|
// Primary Variants -
|
||
|
|
@primaryLight: hsl(hue(@primary), 100%, 70%);
|
||
|
|
@primaryDark: hsl(hue(@primary), 60%, 40%);
|
||
|
|
@primaryFaded: hsl(hue(@primary), 60%, 65%);
|
||
|
|
|
||
|
|
// 180degree Variants
|
||
|
|
@variant: spin((@primary), 180);
|
||
|
|
@variantLight: hsl(hue(@variant), 100%, 70%);
|
||
|
|
@variantDark: hsl(hue(@variant), 60%, 40%);
|
||
|
|
@variantFaded: hsl(hue(@variant), 60%, 65%);
|
||
|
|
|
||
|
|
// 90degree Variants
|
||
|
|
@corner: spin((@primary), 70);
|
||
|
|
@cornerLight: hsl(hue(@corner), 100%, 70%);
|
||
|
|
@cornerDark: hsl(hue(@corner), 60%, 40%);
|
||
|
|
@cornerFaded: hsl(hue(@corner), 60%, 65%);
|