45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
:root {
|
|
--primary: hsl(300, 100%, 30%);
|
|
--primary-light-10: hsl(300, 50%, 40%);
|
|
--primary-light-20: hsl(300, 50%, 50%);
|
|
--primary-light-30: hsl(300, 50%, 60%);
|
|
--primary-light-40: hsl(300, 50%, 75%);
|
|
--primary-light-50: hsl(300, 50%, 80%);
|
|
|
|
--grey-dark-40: #222;
|
|
--grey-dark-30: #444;
|
|
--grey-dark-20: #666;
|
|
--grey-dark-10: #888;
|
|
--grey: #aaa;
|
|
--grey-light-10: #bbb;
|
|
--grey-light-20: #ccc;
|
|
--grey-light-30: #ddd;
|
|
--grey-light-40: #eee;
|
|
--grey-light-50: #fafafa;
|
|
--grey-light-60: #fcfcfc;
|
|
|
|
--background-dark-20: #eee;
|
|
--background-dark-10: #f8f8f8;
|
|
--background: #fff;
|
|
|
|
--shadow-weak-40: rgba(0, 0, 0, .05);
|
|
--shadow-weak-30: rgba(0, 0, 0, .1);
|
|
--shadow-weak-20: rgba(0, 0, 0, .2);
|
|
--shadow-weak-10: rgba(0, 0, 0, .35);
|
|
--shadow: rgba(0, 0, 0, .5);
|
|
--shadow-strong-10: rgba(0, 0, 0, .6);
|
|
--shadow-strong-20: rgba(0, 0, 0, .75);
|
|
--shadow-strong-30: rgba(0, 0, 0, .9);
|
|
|
|
--text: #222;
|
|
--text-light: #fff;
|
|
|
|
--link: #48f;
|
|
--error: #f66;
|
|
|
|
--bump: var(--primary);
|
|
--sink: var(--error);
|
|
|
|
--op: #5be;
|
|
}
|