cyp/app/css/variables.less

40 lines
629 B
Text
Raw Permalink Normal View History

2019-03-29 23:28:26 +08:00
:root {
2019-04-03 01:52:53 +08:00
--font-size-large: 112.5%;
--icon-spacing: 4px;
2019-04-15 15:48:27 +08:00
--primary: rgb(var(--primary-raw));
2019-04-16 14:40:16 +08:00
--spacing: 8px;
2019-04-16 15:03:42 +08:00
--box-shadow: 0 0 3px #000;
2019-04-03 01:52:53 +08:00
}
:root[data-theme=light] {
2019-04-12 19:34:28 +08:00
--fg: #333;
--bg: #f0f0f0;
--bg-alt: #e0e0e0;
2019-04-16 15:03:42 +08:00
--text-shadow: none;
2019-04-03 01:52:53 +08:00
}
:root[data-theme=dark] {
2019-04-12 19:34:28 +08:00
--fg: #f0f0f0;
2019-03-29 23:28:26 +08:00
--bg: #333;
2019-04-03 01:52:53 +08:00
--bg-alt: #555;
2019-04-16 15:03:42 +08:00
--text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
2019-04-03 01:52:53 +08:00
}
2019-04-01 04:02:26 +08:00
2019-04-03 01:52:53 +08:00
:root[data-color=dodgerblue] {
2019-04-15 15:48:27 +08:00
--primary-raw: 30, 144, 255;
2019-04-03 01:52:53 +08:00
}
:root[data-color=darkorange] {
2019-04-15 15:48:27 +08:00
--primary-raw: 255, 140, 0;
2019-04-03 01:52:53 +08:00
}
:root[data-color=limegreen] {
2019-04-15 15:48:27 +08:00
--primary-raw: 50, 205, 50;
2019-03-29 23:28:26 +08:00
}
2019-04-16 14:40:16 +08:00
@media (max-width: 480px) {
:root {
--spacing: var(--icon-spacing);
}
}