|
379
|
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 }
|
