|
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
|
|
387
|
14 > * {
|
|
379
|
15 flex: 1 0 auto;
|
|
387
|
16 }
|
|
|
17
|
|
|
18 textarea {
|
|
379
|
19 resize: none;
|
|
387
|
20 width: 100%;
|
|
379
|
21 }
|
|
|
22 }
|
|
|
23
|
|
|
24 #paste-control {
|
|
|
25 flex: none;
|
|
|
26
|
|
|
27 display: flex;
|
|
|
28 align-items: stretch;
|
|
|
29 justify-content: space-between;
|
|
|
30
|
|
|
31 flex-direction: column;
|
|
|
32 @media (min-width: $screen-sm) {
|
|
|
33 flex-direction: row;
|
|
|
34 }
|
|
|
35
|
|
|
36 .radio {
|
|
|
37 display: inline-flex;
|
|
|
38 align-items: center;
|
|
|
39 margin-right: $spacing;
|
|
|
40 }
|
|
|
41 .form-group {
|
|
|
42 display: flex;
|
|
|
43 flex-direction: column;
|
|
|
44 }
|
|
|
45
|
|
|
46 .form-label {
|
|
|
47 display: block;
|
|
|
48 margin-bottom: $spacing/2;
|
|
|
49 }
|
|
|
50
|
|
|
51 .inputs {
|
|
|
52 display: flex;
|
|
|
53 justify-content: space-around;
|
|
|
54 > * {
|
|
|
55 margin-right: $spacing;
|
|
|
56 flex: 1;
|
|
|
57
|
|
|
58 &:last-child {
|
|
|
59 margin-right: 0px;
|
|
|
60 }
|
|
|
61 }
|
|
|
62 &.right {
|
|
|
63 margin-top: $spacing;
|
|
|
64 min-height: $spacing * 4;
|
|
|
65 }
|
|
|
66
|
|
|
67 @media (min-width: $screen-sm) {
|
|
|
68 > * {
|
|
|
69 flex: 1 1 auto;
|
|
|
70 }
|
|
|
71
|
|
|
72 &.right {
|
|
|
73 margin-top: 0px;
|
|
|
74 > * {
|
|
|
75 margin-left: $spacing;
|
|
|
76 margin-right: 0px;
|
|
|
77 }
|
|
|
78 }
|
|
|
79 }
|
|
|
80 }
|
|
|
81 }
|
|
|
82 }
|
