u8pdate styles
This commit is contained in:
parent
3c1f92d1e9
commit
010e75cc78
@ -1,9 +1,9 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/* Basic */
|
/* Basic */
|
||||||
@import https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap;
|
/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
|
||||||
@import url(/src/themes/oscar/assets/css/normalize.css);
|
@import 'normalize.css';
|
||||||
@import url(/src/themes/oscar/assets/css/variables.css);
|
@import 'variables.css';
|
||||||
@import url(/src/themes/oscar/assets/css/common.css);
|
@import 'common.css'; */
|
||||||
/* Layout */
|
/* Layout */
|
||||||
/* Components */
|
/* Components */
|
||||||
/* Modules */
|
/* Modules */
|
||||||
@ -16,5 +16,9 @@
|
|||||||
- postcss-custom-media
|
- postcss-custom-media
|
||||||
- postcss-nested (I think this is working by default, so probably we don´t need this plugin)
|
- postcss-nested (I think this is working by default, so probably we don´t need this plugin)
|
||||||
*/
|
*/
|
||||||
|
body {
|
||||||
|
background-color: var(--background-main); }
|
||||||
|
body a {
|
||||||
|
color: orange; }
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */
|
/*# sourceMappingURL=style.css.map */
|
@ -1,8 +1,8 @@
|
|||||||
/* Basic */
|
/* Basic */
|
||||||
@import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
|
/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
|
||||||
@import 'normalize.css';
|
@import 'normalize.css';
|
||||||
@import 'variables.css';
|
@import 'variables.css';
|
||||||
@import 'common.css';
|
@import 'common.css'; */
|
||||||
|
|
||||||
/* Layout */
|
/* Layout */
|
||||||
|
|
||||||
@ -21,4 +21,13 @@
|
|||||||
- postcss-import
|
- postcss-import
|
||||||
- postcss-custom-media
|
- postcss-custom-media
|
||||||
- postcss-nested (I think this is working by default, so probably we don´t need this plugin)
|
- postcss-nested (I think this is working by default, so probably we don´t need this plugin)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--background-main);
|
||||||
|
a {
|
||||||
|
color: orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -15,7 +15,15 @@
|
|||||||
|
|
||||||
/* Brand
|
/* Brand
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
--background-main: #292929;
|
--background-main: #F0F0F0;
|
||||||
|
|
||||||
|
|
||||||
|
/* Dark theme */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--background-main: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
@ -33,13 +41,6 @@
|
|||||||
--font-caption: var(--font-size-1) / 1.37 var(--font-brand);
|
--font-caption: var(--font-size-1) / 1.37 var(--font-brand);
|
||||||
|
|
||||||
}
|
}
|
||||||
/* Dark theme */
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
:root {
|
|
||||||
--background-main: #f0f0f0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
Breakpoints
|
Breakpoints
|
||||||
|
Loading…
x
Reference in New Issue
Block a user