Mercurial > zeropaste

comparison app/assets/stylesheets/_new-paste.scss @ 379:2ad092e60975

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[mq]: new-design
author nanaya <me@myconan.net>
date Sun, 07 Jun 2015 02:35:12 +0900
parents
children 6cd41974d4b0
comparison
equal deleted inserted replaced
378:e84276bf344a 379:2ad092e60975
1 #new_paste {
2 flex: 1;
3 display: flex;
4 flex-direction: column;
5
6 width: 100%;
7
8 #paste-form {
9 flex: 1 0 auto;
10 display: flex;
11 flex-direction: column;
12 margin-bottom: $spacing;
13
14 textarea {
15 flex: 1 0 auto;
16 resize: none;
17 }
18 }
19
20 #paste-control {
21 flex: none;
22
23 display: flex;
24 align-items: stretch;
25 justify-content: space-between;
26
27 flex-direction: column;
28 @media (min-width: $screen-sm) {
29 flex-direction: row;
30 }
31
32 .radio {
33 display: inline-flex;
34 align-items: center;
35 margin-right: $spacing;
36 }
37 .form-group {
38 display: flex;
39 flex-direction: column;
40 }
41
42 .form-label {
43 display: block;
44 margin-bottom: $spacing/2;
45 }
46
47 .inputs {
48 display: flex;
49 justify-content: space-around;
50 > * {
51 margin-right: $spacing;
52 flex: 1;
53
54 &:last-child {
55 margin-right: 0px;
56 }
57 }
58 &.right {
59 margin-top: $spacing;
60 min-height: $spacing * 4;
61 }
62
63 @media (min-width: $screen-sm) {
64 > * {
65 flex: 1 1 auto;
66 }
67
68 &.right {
69 margin-top: 0px;
70 > * {
71 margin-left: $spacing;
72 margin-right: 0px;
73 }
74 }
75 }
76 }
77 }
78 }