Mercurial > zeropaste
diff app/assets/stylesheets/_new-paste.scss @ 379:2ad092e60975
[mq]: new-design
author | nanaya <me@myconan.net> |
---|---|
date | Sun, 07 Jun 2015 02:35:12 +0900 |
parents | |
children | 6cd41974d4b0 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/app/assets/stylesheets/_new-paste.scss Sun Jun 07 02:35:12 2015 +0900 @@ -0,0 +1,78 @@ +#new_paste { + flex: 1; + display: flex; + flex-direction: column; + + width: 100%; + + #paste-form { + flex: 1 0 auto; + display: flex; + flex-direction: column; + margin-bottom: $spacing; + + textarea { + flex: 1 0 auto; + resize: none; + } + } + + #paste-control { + flex: none; + + display: flex; + align-items: stretch; + justify-content: space-between; + + flex-direction: column; + @media (min-width: $screen-sm) { + flex-direction: row; + } + + .radio { + display: inline-flex; + align-items: center; + margin-right: $spacing; + } + .form-group { + display: flex; + flex-direction: column; + } + + .form-label { + display: block; + margin-bottom: $spacing/2; + } + + .inputs { + display: flex; + justify-content: space-around; + > * { + margin-right: $spacing; + flex: 1; + + &:last-child { + margin-right: 0px; + } + } + &.right { + margin-top: $spacing; + min-height: $spacing * 4; + } + + @media (min-width: $screen-sm) { + > * { + flex: 1 1 auto; + } + + &.right { + margin-top: 0px; + > * { + margin-left: $spacing; + margin-right: 0px; + } + } + } + } + } +}