diff options
| author | elijah <elijah@riseup.net> | 2016-09-21 15:39:03 -0700 |
|---|---|---|
| committer | Kali Kaneko (leap communications) <kali@leap.se> | 2016-09-22 11:40:14 -0400 |
| commit | 7569ac8bd58174095f3f897548e26d0ba905236c (patch) | |
| tree | 839c300d7dff62900bcc91672a3b55cf62c31f6c /ui/app/components/layout/layout.less | |
| parent | 61b5734c12d6ab6733d3a832df8d99f1041bf355 (diff) | |
[feat] the setup wizard for the new ui
Diffstat (limited to 'ui/app/components/layout/layout.less')
| -rw-r--r-- | ui/app/components/layout/layout.less | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/ui/app/components/layout/layout.less b/ui/app/components/layout/layout.less new file mode 100644 index 0000000..dae99aa --- /dev/null +++ b/ui/app/components/layout/layout.less @@ -0,0 +1,25 @@ +@gutter: 20px; + +.horizontal-layout { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + > .layout-column { + display: -webkit-flex; + display: flex; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: @gutter; + } + > .layout-column:last-child { + margin-right: 0px; + } +} + +.horizontal-layout.equal1 > .layout-column {width: 100%;} +.horizontal-layout.equal2 > .layout-column {width: 50%;} +.horizontal-layout.equal3 > .layout-column {width: 33.33%;} +.horizontal-layout.equal4 > .layout-column {width: 25%;}
\ No newline at end of file |