Mercurial > zeropaste
view app/assets/stylesheets/_new-paste.scss @ 389:433bc70e1781
Style up Pastes#show a bit.
author | nanaya <me@myconan.net> |
---|---|
date | Sun, 07 Jun 2015 13:05:31 +0900 |
parents | 6cd41974d4b0 |
children |
line wrap: on
line source
#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; > * { flex: 1 0 auto; } textarea { resize: none; width: 100%; } } #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; } } } } } }