diff options
| author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-04-17 16:18:12 +0530 |
|---|---|---|
| committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-04-17 16:18:12 +0530 |
| commit | 444a8147f59df78ebf14222edcebf944226b533e (patch) | |
| tree | 88f72d041c3b75b5c3d7d6f48fffc2b943379809 /src/components/Display/Display.css | |
| parent | 2efc453d20aca682ac3f34af8687d4bb28642195 (diff) | |
designed DisplayItem and ItemsDisplay so it now renders a pretty table
Diffstat (limited to 'src/components/Display/Display.css')
| -rw-r--r-- | src/components/Display/Display.css | 33 |
1 files changed, 31 insertions, 2 deletions
diff --git a/src/components/Display/Display.css b/src/components/Display/Display.css index 1b89173..a3bc406 100644 --- a/src/components/Display/Display.css +++ b/src/components/Display/Display.css @@ -1,3 +1,32 @@ +@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); +/* Experimental color scheme */ +/* light theme */ +/* +$defBG: #FFFFFF; +$altBG: lightgray; +$defFG: #000000; +$altFG: #232627; +$defLink: brown; +$altLink: brown; + +$defShadow: 0px 0px 4px #232627; +*/ +/* Inspired by Dracula */ +.ItemsDisplay, +.ItemsDisplay table { + width: 100%; } + .ItemsDisplay { - margin-top: 3rem; - margin-bottom: 3rem; } + border-right: 1px dashed lightblue; + border-left: 1px dashed lightblue; + padding: 1rem 0.5rem; } + +.ItemsDisplay td { + text-align: center; + border-bottom: 1px solid lightblue; } + +.ItemsDisplay .leftAlign { + text-align: left; } + +.ItemsDisplay .legend { + background-color: #383A59; } |