Mercurial > zeropaste
comparison app/assets/stylesheets/_layout.scss @ 379:2ad092e60975
[mq]: new-design
| author | nanaya <me@myconan.net> |
|---|---|
| date | Sun, 07 Jun 2015 02:35:12 +0900 |
| parents | |
| children | bf9e350f8a2b |
comparison
equal
deleted
inserted
replaced
| 378:e84276bf344a | 379:2ad092e60975 |
|---|---|
| 1 *, *:before, *:after { | |
| 2 position: relative; | |
| 3 box-sizing: border-box; | |
| 4 } | |
| 5 | |
| 6 body, h1, input { | |
| 7 margin: 0px; | |
| 8 } | |
| 9 | |
| 10 html, body { | |
| 11 height: 100%; | |
| 12 } | |
| 13 | |
| 14 body { | |
| 15 display: flex; | |
| 16 flex-direction: column; | |
| 17 } | |
| 18 | |
| 19 | |
| 20 header { | |
| 21 flex: none; | |
| 22 background: #eee; | |
| 23 display: flex; | |
| 24 align-items: center; | |
| 25 justify-content: space-between; | |
| 26 padding: $spacing/2 $spacing; | |
| 27 | |
| 28 } | |
| 29 | |
| 30 main { | |
| 31 flex: 1 0 auto; | |
| 32 width: 100%; | |
| 33 | |
| 34 display: flex; | |
| 35 flex-direction: column; | |
| 36 padding: $spacing; | |
| 37 } | |
| 38 | |
| 39 body, button, input { | |
| 40 font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif; | |
| 41 font-size: 12px; | |
| 42 } |
