From 34ba8e176db5663cd731413052524344910c5f3f Mon Sep 17 00:00:00 2001 From: Marc Pervaz Boocha Date: Sun, 30 Jul 2023 19:56:00 +0530 Subject: Initial Commit Signed-off-by: Marc Pervaz Boocha --- index.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 index.css (limited to 'index.css') 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; + } +} -- cgit v1.2.3-70-g09d2