aswi20220x00-gitlab/webapp/styles/mainLayout.module.scss @ 42c654f6
1 | ce63b2ab | Dominik Poch | .layoutwrapper { |
---|---|---|---|
2 | background-color: lightgray; |
||
3 | display: grid; |
||
4 | |||
5 | grid: |
||
6 | [header-start] 'header' 60px [header-end] |
||
7 | [main-start] 'content' [main-end] |
||
8 | [footer-start] 'footer' 30px [footer-end]; |
||
9 | |||
10 | place-items: stretch; |
||
11 | place-content: stretch; |
||
12 | |||
13 | width: 100vw; |
||
14 | height: 100vh; |
||
15 | |||
16 | gap: 3px; |
||
17 | }
|
||
18 | |||
19 | .header { |
||
20 | grid-area: header; |
||
21 | }
|
||
22 | |||
23 | .content { |
||
24 | grid-area: content; |
||
25 | }
|
||
26 | |||
27 | .footer { |
||
28 | grid-area: footer; |
||
29 | }
|