diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-20 14:33:52 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-20 14:33:52 +0200 |
commit | cd5161ffe93bef497f4970b9b717d4a88003ca66 (patch) | |
tree | cba0a015c2ad9c631aa9a517c0102e73884e14b8 /css | |
parent | f0b67ad6ea52c555204a641b39108ac2edcd6cf4 (diff) | |
download | fosdem-2021-minimalism-presentation-cd5161ffe93bef497f4970b9b717d4a88003ca66.tar fosdem-2021-minimalism-presentation-cd5161ffe93bef497f4970b9b717d4a88003ca66.tar.gz |
initial work for hstack and vstack
Diffstat (limited to 'css')
-rw-r--r-- | css/layout.scss | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/css/layout.scss b/css/layout.scss index f3e49c1..e50d192 100644 --- a/css/layout.scss +++ b/css/layout.scss @@ -34,16 +34,24 @@ .reveal .r-vstack { flex-direction: column; + align-items: center; + justify-content: center; } .reveal .r-hstack { flex-direction: row; -} - -.reveal .items-center { align-items: center; + justify-content: center; } -.reveal .justify-center { - justify-content: center; -}
\ No newline at end of file +// Naming based on tailwindcss +.reveal .items-stretch { align-items: stretch; } +.reveal .items-start { align-items: flex-start; } +.reveal .items-center { align-items: center; } +.reveal .items-end { align-items: flex-end; } + +.reveal .justify-between { justify-content: space-between; } +.reveal .justify-around { justify-content: space-around; } +.reveal .justify-start { justify-content: flex-start; } +.reveal .justify-center { justify-content: center; } +.reveal .justify-end { justify-content: flex-end; } |