diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-06-04 22:50:45 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-06-04 22:50:45 -0500 |
| commit | 81a3ddbbf4188ee27d702e3005924efb5771a6b4 (patch) | |
| tree | 2993fd85f623e1ed93bf9f7de849b3701e096b9b /src/App.svelte | |
| parent | 9fc501eaec2b87e5b9e3aeab8d696d3c312257fa (diff) | |
WiP using for loop to define 3 columns
Diffstat (limited to 'src/App.svelte')
| -rw-r--r-- | src/App.svelte | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/App.svelte b/src/App.svelte index 1242e0d..4664e1e 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -15,4 +15,32 @@ font-family: sans-serif, Proxima Nova; } } + + /* Custom Styles */ + @layer utilities { + .assign-box { + /* w-1/3 bg-green-500 flex flex-col border-solid hover:border-4 border-2 border-slate-400 */ + width: 33.33%; + display: flex; + flex-direction: column; + border-width: 4px; + border: solid; + border-color: rgb(148 163 184); + } + .assign-box:hover { + border-width: 6px; + border-color: black; + } + + .assign-box-header { + font-size: 1.5rem; + font-family: sans; + border: solid; + text-align: center; + height: 10%; + overflow: hidden; + } + + + } </style> |