diff options
| -rw-r--r-- | public/css/base/index.css | 3 | ||||
| -rw-r--r-- | public/css/base/theme.css | 9 | ||||
| -rw-r--r-- | public/main.css | 5 |
3 files changed, 11 insertions, 6 deletions
diff --git a/public/css/base/index.css b/public/css/base/index.css index 5fcf00b..169a60f 100644 --- a/public/css/base/index.css +++ b/public/css/base/index.css @@ -1 +1,2 @@ -@import './typography.css';
\ No newline at end of file +@import './typography.css'; +@import './theme.css';
\ No newline at end of file diff --git a/public/css/base/theme.css b/public/css/base/theme.css new file mode 100644 index 0000000..5ee8b4b --- /dev/null +++ b/public/css/base/theme.css @@ -0,0 +1,9 @@ +:root { + color: var(--text-color); + background-color: var(--background-color); +} + +:is(main, article) { + color: var(--text-color); + background-color: var(--background-color); +}
\ No newline at end of file diff --git a/public/main.css b/public/main.css index df43e4a..4c5276a 100644 --- a/public/main.css +++ b/public/main.css @@ -4,16 +4,11 @@ :root { scroll-behavior: smooth; - color: var(--text-color); - background-color: var(--background-color); } :is(main, article) { container-name: main; container-type: inline-size; - - color: var(--text-color); - background-color: var(--background-color); } :is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) { |