diff options
Initial Commitmain
Signed-off-by: Marc Pervaz Boocha <mboocha@sudomsg.xyz>
Diffstat (limited to 'index.css')
-rw-r--r-- | index.css | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/index.css b/index.css new file mode 100644 index 0000000..2d8cbc6 --- /dev/null +++ b/index.css @@ -0,0 +1,69 @@ +*{ + box-sizing: inherit; +} + +@media print{ + header { + display: none; + } +} + +html { + box-sizing: border-box; +} + +menu > li { + display: inline; + list-style: none; + padding: 0.5rem; +} + +@media screen{ + html { + color-scheme: light dark; + height: 90vh; + } + body { + display: grid; + grid: "head" fit-content(1rem) "main" auto; + height: 100%; + } + + header { + grid-area: head; + color-scheme: light; + background-color: rgb(117,117,117); + } + + #fileInput{ + height: 0; + width: 0; + padding: 0; + opacity: 0; + } + + label[for="fileInput"] { + text-align: center; + } + + button{ + color: inherit; + background: inherit; + font: inherit; + border: none; + } + + :is(button,label[for="fileInput"]):hover { + background-color: dimgray; + } + + + + #editor { + grid-area: main; + border: 1px solid; + height: 100%; + padding: 1rem; + overflow: scroll; + } +} |