aswi20220x00-gitlab/webapp/styles/MainLayout.module.scss @ faa3619b
1 | c73aecde | Dominik Poch | .layoutWrapper { |
---|---|---|---|
2 | 06d1aa21 | Jaroslav Hrubý | background-color: #ffffff; |
3 | ce63b2ab | Dominik Poch | display: grid; |
4 | |||
5 | grid: |
||
6 | 8c45ccb0 | hrubyjar | [header-start] 'header' 50px [header-end] |
7 | ce63b2ab | Dominik Poch | [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 | c73aecde | Dominik Poch | |
22 | ce63b2ab | Dominik Poch | }
|
23 | |||
24 | .content { |
||
25 | grid-area: content; |
||
26 | c73aecde | Dominik Poch | overflow-y: hidden; |
27 | ce63b2ab | Dominik Poch | }
|
28 | |||
29 | .footer { |
||
30 | grid-area: footer; |
||
31 | }
|