aswi20220x00-gitlab/webapp/styles/MainLayout.module.scss @ 06d1aa21
| 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 | }
|