From e55078e5cb4a5bdcbecc01a33c00e45afca7db17 Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Sat, 19 Oct 2024 00:40:41 +0800 Subject: feat(CSS): move site-only rules into index.css --- src/css/dumbymap.css | 51 --------------------------------------------------- src/css/index.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 51 insertions(+), 51 deletions(-) diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index b2c5d9b..cc2d1ef 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css @@ -380,57 +380,6 @@ root { } } -.SemanticHtml { - display: flex; - flex-direction: column; - justify-content: flex-start; - height: 100%; - gap: 1rem; - overflow-y: auto; - - /* Trivial: gray out text not focused */ - &:has(.dumby-block.focus) { - color: gray; - - .dumby-block.focus { - color: initial; - } - } - - :has(> .mapclay, > [data-placeholder]) { - display: flex; - gap: 0.5em; - - background-color: white; - } - - /* if Map not in showcase, add border when focused */ - .mapclay { - border: 3px solid white; - - &.focus { - border: 3px solid gray; - } - - &[data-render='unfulfilled'] { - border: 3px solid crimson; - - opacity: 0.6; - } - } - - [data-placeholder] { - border: 3px solid gray; - flex-grow: 0; - - & > * { - opacity: 0.3; - } - - /* animation: map-fade-out 1s; */ - } -} - .Showcase { display: none; overflow: visible; diff --git a/src/css/index.css b/src/css/index.css index badec7e..d7c64d8 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -240,3 +240,54 @@ main[data-mode='editing'] { } } +.SemanticHtml { + display: flex; + flex-direction: column; + justify-content: flex-start; + height: 100%; + gap: 1rem; + overflow-y: auto; + + /* Trivial: gray out text not focused */ + &:has(.dumby-block.focus) { + color: gray; + + .dumby-block.focus { + color: initial; + } + } + + :has(> .mapclay, > [data-placeholder]) { + display: flex; + gap: 0.5em; + + background-color: white; + } + + /* if Map not in showcase, add border when focused */ + .mapclay { + border: 3px solid white; + + &.focus { + border: 3px solid gray; + } + + &[data-render='unfulfilled'] { + border: 3px solid crimson; + + opacity: 0.6; + } + } + + [data-placeholder] { + border: 3px solid gray; + flex-grow: 0; + + & > * { + opacity: 0.3; + } + + /* animation: map-fade-out 1s; */ + } +} + -- cgit v1.2.3-70-g09d2