|
0
|
1 // main: ../style.scss
|
|
|
2 /********************************
|
|
|
3 *********************************
|
|
|
4 LISTS
|
|
|
5 *********************************
|
|
|
6 *********************************/
|
|
|
7
|
|
|
8 .list-group {
|
|
|
9 .list-icon {
|
|
|
10 font-size: em(18);
|
|
|
11 position: relative;
|
|
|
12
|
|
|
13 // &.float-left, &.float-right {
|
|
|
14 // top: 1px;
|
|
|
15 // }
|
|
|
16 }
|
|
|
17
|
|
|
18 .badge {
|
|
|
19 margin-top: em(2);
|
|
|
20 }
|
|
|
21 }
|
|
|
22
|
|
|
23
|
|
|
24 /* Sortable Lists
|
|
|
25 ========================*/
|
|
|
26 .list-group.sortable {
|
|
|
27 .list-group-item {
|
|
|
28 @include clearfix();
|
|
|
29 border-radius: em(2);
|
|
|
30 margin-bottom: em(5);
|
|
|
31 @include padding( em(15) null );
|
|
|
32 }
|
|
|
33
|
|
|
34 .list-icon {
|
|
|
35 font-size: em(18);
|
|
|
36 position: relative;
|
|
|
37 top: em(-2,18);
|
|
|
38 }
|
|
|
39
|
|
|
40 a {
|
|
|
41 .list-icon {
|
|
|
42 color: $nav-icon-color;
|
|
|
43 }
|
|
|
44
|
|
|
45 &:hover .list-icon {
|
|
|
46 color: $nav-link-color;
|
|
|
47 }
|
|
|
48 }
|
|
|
49
|
|
|
50 .ui-sortable-placeholder {
|
|
|
51 height: em(53);
|
|
|
52 border: rem(2) dashed $nav-icon-color !important;
|
|
|
53 background: none !important;
|
|
|
54 margin-bottom: em(5);
|
|
|
55 list-style: none;
|
|
|
56 visibility: visible !important;
|
|
|
57 }
|
|
|
58 }
|
|
|
59
|
|
|
60
|
|
|
61 /* Nestable Sortable List
|
|
|
62 ========================*/
|
|
|
63 .dd-dragel,
|
|
|
64 .dd {
|
|
|
65 display: block;
|
|
|
66 width: 100%;
|
|
|
67 max-width: none;
|
|
|
68 .dd-item {
|
|
|
69 position: relative;
|
|
|
70
|
|
|
71 .dd-list {
|
|
|
72 padding-left: em(40);
|
|
|
73 }
|
|
|
74
|
|
|
75 .dd-handle {
|
|
|
76 cursor: move;
|
|
|
77 }
|
|
|
78
|
|
|
79 > div,
|
|
|
80 .dd-handle {
|
|
|
81 font-weight: normal;
|
|
|
82 font-size: $font-size-base;
|
|
|
83 color: $body-color;
|
|
|
84 border: rem(1) solid #ddd;
|
|
|
85 padding: em(10) em(20);
|
|
|
86 height: em(40);
|
|
|
87 background: #fff;
|
|
|
88 @include margin( em(10) 0);
|
|
|
89 }
|
|
|
90
|
|
|
91 > button.dd-expand,
|
|
|
92 > button.dd-collapse {
|
|
|
93 line-height: 1;
|
|
|
94 font-size: em(16,13);
|
|
|
95 text-align: center;
|
|
|
96 opacity: 0.2;
|
|
|
97 @include size( em(40,16), em(40,16) );
|
|
|
98 @include margin( 0 0 0 0);
|
|
|
99
|
|
|
100 &:before { font-family: 'Material Icons' }
|
|
|
101 }
|
|
|
102
|
|
|
103 > button.dd-collapse::before { content: 'remove' }
|
|
|
104 > button.dd-expand::before { content: 'add' }
|
|
|
105
|
|
|
106 &.dd3-item {
|
|
|
107 padding-left: em(38,13);
|
|
|
108 .dd-list {
|
|
|
109 padding-left: 0;
|
|
|
110 }
|
|
|
111 }
|
|
|
112
|
|
|
113 .dd3-handle {
|
|
|
114 background: #eee;
|
|
|
115 @include size( em(40) );
|
|
|
116 line-height: em(40);
|
|
|
117 text-align: center;
|
|
|
118 display: inline-block;
|
|
|
119 padding: 0;
|
|
|
120 margin: 0;
|
|
|
121 @include position(absolute, 0 null null 0);
|
|
|
122
|
|
|
123 &:before {
|
|
|
124 content: "open_with";
|
|
|
125 font-family: 'Material Icons';
|
|
|
126 text-indent: 0;
|
|
|
127 }
|
|
|
128 }
|
|
|
129 }
|
|
|
130 }
|
