1 | .apos-array-item
|
2 | {
|
3 | position: relative;
|
4 | background-color: darken(@apos-grey70, 5%);
|
5 | border: 5px dashed darken(@apos-grey70, 10%);
|
6 | padding: 1em;
|
7 | margin-bottom: 1em;
|
8 |
|
9 | .apos-fieldset
|
10 | {
|
11 | margin-bottom: 1em !important;
|
12 | display: none;
|
13 | &:first-of-type { display: block; }
|
14 | }
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 | .apos-fieldset-array
|
23 | {
|
24 | background-color: darken(@apos-grey70, 10%);
|
25 | border: 4px dashed darken(@apos-grey70, 15%);
|
26 | padding: 1em;
|
27 |
|
28 | .apos-array-item
|
29 | {
|
30 | background-color: darken(@apos-grey70, 15%);
|
31 | border: 3px dashed darken(@apos-grey70, 20%);
|
32 | }
|
33 | }
|
34 | &.apos-array-item--open
|
35 | {
|
36 | > .apos-fieldset {display: block;}
|
37 | }
|
38 | }
|
39 |
|
40 | .apos-fieldset-array
|
41 | {
|
42 | .apos-fieldset-row
|
43 | {
|
44 | margin: 10px 0;
|
45 |
|
46 | label
|
47 | {
|
48 | vertical-align: top;
|
49 | padding: 18px 0 !important;
|
50 | }
|
51 | }
|
52 | }
|