u8pdate styles

feature/oscar-theme
Segundo Fdez 2022-01-19 19:26:10 +01:00
parent 3c1f92d1e9
commit 010e75cc78
3 changed files with 29 additions and 15 deletions

View File

@ -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 */

View File

@ -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;
}
}

View File

@ -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