less-rails-semantic_ui 1.10.4.0 → 1.11.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +84 -70
- data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +40 -2
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +34 -20
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +18 -14
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +70 -33
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +27 -15
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +2 -5
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +64 -48
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +57 -24
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +16 -2
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +9 -10
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +6 -5
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +4 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +2 -8
- data/assets/stylesheets/semantic_ui/definitions/elements/image.less +9 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/list.less +2 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +10 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +12 -4
- data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
- data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.overrides +156 -156
- data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.variables +7 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +5 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +0 -12
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +10 -1
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +3 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +4 -1
- data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +50 -50
- data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +3 -3
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/theme.config +0 -12
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- data/tasks/update.rake +4 -0
- metadata +2 -2
@@ -958,7 +958,6 @@
|
|
958
958
|
}
|
959
959
|
.ui.centered.grid > .column:not(.aligned):not(.row),
|
960
960
|
.ui.centered.grid > .row > .column:not(.aligned),
|
961
|
-
.ui.centered.grid > .row:not(.centered),
|
962
961
|
.ui.grid .centered.row > .column:not(.aligned) {
|
963
962
|
text-align: left;
|
964
963
|
}
|
@@ -1279,7 +1278,7 @@
|
|
1279
1278
|
-----------------------*/
|
1280
1279
|
|
1281
1280
|
.ui.grid > .white.row,
|
1282
|
-
.ui.grid .white.column {
|
1281
|
+
.ui.grid > .row > .white.column {
|
1283
1282
|
background-color: @white !important;
|
1284
1283
|
color: @textColor;
|
1285
1284
|
}
|
@@ -1291,7 +1290,7 @@
|
|
1291
1290
|
}
|
1292
1291
|
|
1293
1292
|
.ui.grid > .black.row,
|
1294
|
-
.ui.grid .black.column {
|
1293
|
+
.ui.grid > .row > .black.column {
|
1295
1294
|
background-color: @black !important;
|
1296
1295
|
color: @white;
|
1297
1296
|
}
|
@@ -1303,7 +1302,7 @@
|
|
1303
1302
|
}
|
1304
1303
|
|
1305
1304
|
.ui.grid > .blue.row,
|
1306
|
-
.ui.grid .blue.column {
|
1305
|
+
.ui.grid > .row > .blue.column {
|
1307
1306
|
background-color: @blue !important;
|
1308
1307
|
color: @white;
|
1309
1308
|
}
|
@@ -1315,7 +1314,7 @@
|
|
1315
1314
|
}
|
1316
1315
|
|
1317
1316
|
.ui.grid > .green.row,
|
1318
|
-
.ui.grid .green.column {
|
1317
|
+
.ui.grid > .row > .green.column {
|
1319
1318
|
background-color: @green !important;
|
1320
1319
|
color: @white;
|
1321
1320
|
}
|
@@ -1327,7 +1326,7 @@
|
|
1327
1326
|
}
|
1328
1327
|
|
1329
1328
|
.ui.grid > .orange.row,
|
1330
|
-
.ui.grid .orange.column {
|
1329
|
+
.ui.grid > .row > .orange.column {
|
1331
1330
|
background-color: @orange !important;
|
1332
1331
|
color: @white;
|
1333
1332
|
}
|
@@ -1351,7 +1350,7 @@
|
|
1351
1350
|
}
|
1352
1351
|
|
1353
1352
|
.ui.grid > .purple.row,
|
1354
|
-
.ui.grid .purple.column {
|
1353
|
+
.ui.grid > .row > .purple.column {
|
1355
1354
|
background-color: @purple !important;
|
1356
1355
|
color: @white;
|
1357
1356
|
}
|
@@ -1363,7 +1362,7 @@
|
|
1363
1362
|
}
|
1364
1363
|
|
1365
1364
|
.ui.grid > .red.row,
|
1366
|
-
.ui.grid .red.column {
|
1365
|
+
.ui.grid > .row > .red.column {
|
1367
1366
|
background-color: @red !important;
|
1368
1367
|
color: @white;
|
1369
1368
|
}
|
@@ -1375,7 +1374,7 @@
|
|
1375
1374
|
}
|
1376
1375
|
|
1377
1376
|
.ui.grid > .teal.row,
|
1378
|
-
.ui.grid .teal.column {
|
1377
|
+
.ui.grid > .row > .teal.column {
|
1379
1378
|
background-color: @teal !important;
|
1380
1379
|
color: @white;
|
1381
1380
|
}
|
@@ -1387,7 +1386,7 @@
|
|
1387
1386
|
}
|
1388
1387
|
|
1389
1388
|
.ui.grid > .yellow.row,
|
1390
|
-
.ui.grid .yellow.column {
|
1389
|
+
.ui.grid > .row > .yellow.column {
|
1391
1390
|
background-color: @yellow !important;
|
1392
1391
|
color: @white;
|
1393
1392
|
}
|
@@ -1045,14 +1045,14 @@
|
|
1045
1045
|
}
|
1046
1046
|
.ui.icon.menu > .item {
|
1047
1047
|
height: auto;
|
1048
|
-
text-align:
|
1049
|
-
color:
|
1048
|
+
text-align: @iconMenuTextAlign;
|
1049
|
+
color: @iconMenuItemColor;
|
1050
1050
|
}
|
1051
1051
|
.ui.icon.menu > .item > .icon {
|
1052
1052
|
display: block;
|
1053
1053
|
float: none !important;
|
1054
|
-
opacity: 1;
|
1055
1054
|
margin: 0em auto !important;
|
1055
|
+
opacity: 1;
|
1056
1056
|
}
|
1057
1057
|
.ui.icon.menu .icon:before {
|
1058
1058
|
opacity: 1;
|
@@ -1516,12 +1516,10 @@
|
|
1516
1516
|
.ui.pointing.menu .active.item:after {
|
1517
1517
|
position: absolute;
|
1518
1518
|
content: '';
|
1519
|
-
|
1520
1519
|
top: 100%;
|
1521
1520
|
left: 50%;
|
1522
1521
|
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1523
1522
|
margin: 0em;
|
1524
|
-
|
1525
1523
|
background: none;
|
1526
1524
|
|
1527
1525
|
width: @arrowSize;
|
@@ -1570,6 +1568,9 @@
|
|
1570
1568
|
.ui.vertical.pointing.menu .active.item:after {
|
1571
1569
|
background-color: @arrowVerticalActiveColor;
|
1572
1570
|
}
|
1571
|
+
.ui.vertical.pointing.menu .menu .active.item:after {
|
1572
|
+
background-color: @arrowVerticalSubMenuColor;
|
1573
|
+
}
|
1573
1574
|
|
1574
1575
|
|
1575
1576
|
|
@@ -157,13 +157,15 @@
|
|
157
157
|
|
158
158
|
/* Responsive */
|
159
159
|
@media only screen and (max-width : @largestMobileScreen) {
|
160
|
-
.ui.table:not(.unstackable)
|
160
|
+
.ui.table:not(.unstackable) {
|
161
|
+
width: 100%;
|
162
|
+
}
|
161
163
|
.ui.table:not(.unstackable) tbody,
|
162
164
|
.ui.table:not(.unstackable) tr,
|
163
165
|
.ui.table:not(.unstackable) tr > th,
|
164
166
|
.ui.table:not(.unstackable) tr > td {
|
165
167
|
display: block !important;
|
166
|
-
width:
|
168
|
+
width: auto !important;
|
167
169
|
display: block !important;
|
168
170
|
}
|
169
171
|
|
@@ -32,14 +32,8 @@
|
|
32
32
|
|
33
33
|
@font-face {
|
34
34
|
font-family: 'Icons';
|
35
|
-
src:
|
36
|
-
src:
|
37
|
-
asset-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
|
38
|
-
asset-url("@{fontPath}/@{fontName}.woff2") format('woff'),
|
39
|
-
asset-url("@{fontPath}/@{fontName}.woff") format('woff'),
|
40
|
-
asset-url("@{fontPath}/@{fontName}.ttf") format('truetype'),
|
41
|
-
asset-url("@{fontPath}/@{fontName}.svg#icons") format('svg')
|
42
|
-
;
|
35
|
+
src: @fallbackSRC;
|
36
|
+
src: @src;
|
43
37
|
font-style: normal;
|
44
38
|
font-weight: normal;
|
45
39
|
font-variant: normal;
|
@@ -165,6 +165,7 @@ img.ui.bordered.image {
|
|
165
165
|
.ui.fluid.image img {
|
166
166
|
display: block;
|
167
167
|
width: 100%;
|
168
|
+
height: auto;
|
168
169
|
}
|
169
170
|
|
170
171
|
|
@@ -229,6 +230,7 @@ img.ui.bordered.image {
|
|
229
230
|
.ui.mini.images svg,
|
230
231
|
.ui.mini.image {
|
231
232
|
width: @miniWidth;
|
233
|
+
height: auto;
|
232
234
|
font-size: @mini;
|
233
235
|
}
|
234
236
|
.ui.tiny.images .image,
|
@@ -236,6 +238,7 @@ img.ui.bordered.image {
|
|
236
238
|
.ui.tiny.images svg,
|
237
239
|
.ui.tiny.image {
|
238
240
|
width: @tinyWidth;
|
241
|
+
height: auto;
|
239
242
|
font-size: @tiny;
|
240
243
|
}
|
241
244
|
.ui.small.images .image,
|
@@ -243,6 +246,7 @@ img.ui.bordered.image {
|
|
243
246
|
.ui.small.images svg,
|
244
247
|
.ui.small.image {
|
245
248
|
width: @smallWidth;
|
249
|
+
height: auto;
|
246
250
|
font-size: @small;
|
247
251
|
}
|
248
252
|
.ui.medium.images .image,
|
@@ -250,6 +254,7 @@ img.ui.bordered.image {
|
|
250
254
|
.ui.medium.images svg,
|
251
255
|
.ui.medium.image {
|
252
256
|
width: @mediumWidth;
|
257
|
+
height: auto;
|
253
258
|
font-size: @medium;
|
254
259
|
}
|
255
260
|
.ui.large.images .image,
|
@@ -257,6 +262,7 @@ img.ui.bordered.image {
|
|
257
262
|
.ui.large.images svg,
|
258
263
|
.ui.large.image {
|
259
264
|
width: @largeWidth;
|
265
|
+
height: auto;
|
260
266
|
font-size: @large;
|
261
267
|
}
|
262
268
|
.ui.big.images .image,
|
@@ -264,6 +270,7 @@ img.ui.bordered.image {
|
|
264
270
|
.ui.big.images svg,
|
265
271
|
.ui.big.image {
|
266
272
|
width: @bigWidth;
|
273
|
+
height: auto;
|
267
274
|
font-size: @big;
|
268
275
|
}
|
269
276
|
.ui.huge.images .image,
|
@@ -271,6 +278,7 @@ img.ui.bordered.image {
|
|
271
278
|
.ui.huge.images svg,
|
272
279
|
.ui.huge.image {
|
273
280
|
width: @hugeWidth;
|
281
|
+
height: auto;
|
274
282
|
font-size: @huge;
|
275
283
|
}
|
276
284
|
.ui.massive.images .image,
|
@@ -278,6 +286,7 @@ img.ui.bordered.image {
|
|
278
286
|
.ui.massive.images svg,
|
279
287
|
.ui.massive.image {
|
280
288
|
width: @massiveWidth;
|
289
|
+
height: auto;
|
281
290
|
font-size: @massive;
|
282
291
|
}
|
283
292
|
|
@@ -158,7 +158,7 @@ ol.ui.list ol,
|
|
158
158
|
.ui.list > .item > .image + .content,
|
159
159
|
.ui.list > .item > .icon + .content {
|
160
160
|
display: table-cell;
|
161
|
-
padding
|
161
|
+
padding: 0em 0em 0em @contentDistance;
|
162
162
|
vertical-align: @contentVerticalAlign;
|
163
163
|
}
|
164
164
|
.ui.list .list > .item > .image + .content,
|
@@ -166,7 +166,7 @@ ol.ui.list ol,
|
|
166
166
|
.ui.list > .item > .image + .content,
|
167
167
|
.ui.list > .item > .icon + .content {
|
168
168
|
display: table-cell;
|
169
|
-
padding
|
169
|
+
padding: 0em 0em 0em @contentDistance;
|
170
170
|
vertical-align: @contentVerticalAlign;
|
171
171
|
}
|
172
172
|
.ui.list .list > .item > img.image + .content,
|
@@ -588,6 +588,16 @@
|
|
588
588
|
Groups
|
589
589
|
--------------------*/
|
590
590
|
|
591
|
+
.ui.segments {
|
592
|
+
margin: @margin 0em;
|
593
|
+
}
|
594
|
+
.ui.segments:first-child {
|
595
|
+
margin-top: 0em;
|
596
|
+
}
|
597
|
+
.ui.segments:last-child {
|
598
|
+
margin-bottom: 0em;
|
599
|
+
}
|
600
|
+
|
591
601
|
.ui.segments > .segment {
|
592
602
|
top: 0px;
|
593
603
|
bottom: 0px;
|
@@ -609,7 +619,6 @@
|
|
609
619
|
bottom: 0px;
|
610
620
|
margin-bottom: 0em;
|
611
621
|
top: @attachedTopOffset;
|
612
|
-
margin-top: @margin;
|
613
622
|
border-radius: @borderRadius @borderRadius 0em 0em;
|
614
623
|
}
|
615
624
|
|
@@ -354,10 +354,10 @@
|
|
354
354
|
}
|
355
355
|
|
356
356
|
select.ui.dropdown {
|
357
|
-
height: @
|
358
|
-
padding:
|
359
|
-
|
360
|
-
visibility:
|
357
|
+
height: @selectHeight;
|
358
|
+
padding: @selectPadding;
|
359
|
+
border: @selectBorder;
|
360
|
+
visibility: @selectVisibility;
|
361
361
|
}
|
362
362
|
.ui.selection.dropdown > .text {
|
363
363
|
margin-right: @selectionTextIconDistance;
|
@@ -401,6 +401,14 @@ select.ui.dropdown {
|
|
401
401
|
display: none;
|
402
402
|
}
|
403
403
|
|
404
|
+
|
405
|
+
/* Scrollbar in IE */
|
406
|
+
@media all and (-ms-high-contrast:none) {
|
407
|
+
.ui.selection.dropdown .menu {
|
408
|
+
min-width: calc(100% - @scrollBarWidth);
|
409
|
+
}
|
410
|
+
}
|
411
|
+
|
404
412
|
@media only screen and (max-width : @largestMobileScreen) {
|
405
413
|
.ui.selection.dropdown .menu {
|
406
414
|
max-height: @selectionMobileMaxMenuHeight;
|
@@ -149,7 +149,7 @@
|
|
149
149
|
}
|
150
150
|
|
151
151
|
.ui.items > .item > .content > .header {
|
152
|
-
display:
|
152
|
+
display: block;
|
153
153
|
margin: @headerMargin;
|
154
154
|
font-family: @headerFont;
|
155
155
|
font-weight: @headerFontWeight;
|
@@ -177,7 +177,6 @@
|
|
177
177
|
---------------*/
|
178
178
|
|
179
179
|
.ui.items > .item .content img {
|
180
|
-
display: inline-block;
|
181
180
|
vertical-align: @contentImageVerticalAlign;
|
182
181
|
width: @contentImageWidth;
|
183
182
|
}
|
@@ -1,170 +1,170 @@
|
|
1
1
|
/* basic.icons available */
|
2
|
-
i.
|
3
|
-
i.
|
4
|
-
i.
|
5
|
-
i.
|
6
|
-
|
7
|
-
i.
|
8
|
-
i.
|
9
|
-
i.
|
10
|
-
|
11
|
-
i.
|
12
|
-
i.
|
13
|
-
i.
|
14
|
-
i.
|
15
|
-
|
16
|
-
i.
|
17
|
-
i.
|
18
|
-
i.
|
19
|
-
|
20
|
-
i.
|
21
|
-
i.
|
22
|
-
i.
|
23
|
-
|
24
|
-
i.
|
25
|
-
i.
|
26
|
-
i.
|
27
|
-
|
28
|
-
i.
|
29
|
-
i.
|
30
|
-
i.
|
31
|
-
|
32
|
-
i.
|
33
|
-
i.
|
34
|
-
|
35
|
-
i.
|
36
|
-
i.
|
37
|
-
|
38
|
-
i.
|
39
|
-
i.
|
40
|
-
i.
|
41
|
-
|
42
|
-
i.
|
43
|
-
i.
|
44
|
-
|
45
|
-
i.
|
46
|
-
i.
|
47
|
-
i.
|
48
|
-
|
49
|
-
i.
|
50
|
-
i.
|
51
|
-
|
52
|
-
|
53
|
-
i.
|
54
|
-
i.
|
55
|
-
i.
|
56
|
-
i.
|
57
|
-
i.
|
58
|
-
i.
|
59
|
-
i.
|
60
|
-
i.
|
61
|
-
i.
|
62
|
-
i.
|
63
|
-
i.
|
64
|
-
i.
|
65
|
-
i.
|
66
|
-
i.
|
67
|
-
i.
|
68
|
-
i.
|
69
|
-
i.
|
70
|
-
i.
|
71
|
-
i.
|
72
|
-
i.
|
73
|
-
i.
|
74
|
-
i.
|
75
|
-
i.
|
76
|
-
i.
|
77
|
-
i.
|
78
|
-
i.
|
79
|
-
i.
|
80
|
-
i.
|
81
|
-
i.
|
82
|
-
i.
|
83
|
-
i.
|
84
|
-
i.
|
85
|
-
i.
|
86
|
-
i.
|
87
|
-
i.
|
88
|
-
i.
|
89
|
-
i.
|
90
|
-
i.
|
91
|
-
i.
|
92
|
-
i.
|
93
|
-
i.
|
94
|
-
i.
|
95
|
-
i.
|
96
|
-
i.
|
97
|
-
i.
|
98
|
-
i.
|
99
|
-
i.
|
100
|
-
i.
|
101
|
-
i.
|
102
|
-
i.
|
103
|
-
i.
|
104
|
-
i.
|
105
|
-
i.
|
106
|
-
i.
|
107
|
-
i.
|
108
|
-
i.
|
109
|
-
i.
|
110
|
-
i.
|
111
|
-
i.
|
112
|
-
i.
|
113
|
-
i.
|
114
|
-
i.
|
115
|
-
i.
|
116
|
-
i.
|
117
|
-
i.
|
118
|
-
i.
|
119
|
-
i.
|
120
|
-
i.
|
121
|
-
i.
|
122
|
-
i.
|
123
|
-
i.
|
124
|
-
i.
|
125
|
-
i.
|
126
|
-
i.
|
127
|
-
i.
|
128
|
-
i.
|
129
|
-
i.
|
130
|
-
i.
|
131
|
-
i.
|
132
|
-
i.
|
133
|
-
i.
|
134
|
-
i.
|
135
|
-
i.
|
136
|
-
i.
|
137
|
-
i.
|
138
|
-
i.
|
139
|
-
i.
|
140
|
-
i.
|
2
|
+
i.icon.circle.attention:before { content: '\2757'; } /* '❗' */
|
3
|
+
i.icon.circle.help:before { content: '\e704'; } /* '' */
|
4
|
+
i.icon.circle.info:before { content: '\e705'; } /* '' */
|
5
|
+
i.icon.add:before { content: '\2795'; } /* '➕' */
|
6
|
+
|
7
|
+
i.icon.chart:before { content: '📈'; } /* '\1f4c8' */
|
8
|
+
i.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
|
9
|
+
i.icon.chart.pie:before { content: '\e7a2'; } /* '' */
|
10
|
+
|
11
|
+
i.icon.resize.full:before { content: '\e744'; } /* '' */
|
12
|
+
i.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
|
13
|
+
i.icon.resize.small:before { content: '\e746'; } /* '' */
|
14
|
+
i.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
|
15
|
+
|
16
|
+
i.icon.down:before { content: '\2193'; } /* '↓' */
|
17
|
+
i.icon.down.triangle:before { content: '\25be'; } /* '▾' */
|
18
|
+
i.icon.down.arrow:before { content: '\e75c'; } /* '' */
|
19
|
+
|
20
|
+
i.icon.left:before { content: '\2190'; } /* '←' */
|
21
|
+
i.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
|
22
|
+
i.icon.left.arrow:before { content: '\e75d'; } /* '' */
|
23
|
+
|
24
|
+
i.icon.right:before { content: '\2192'; } /* '→' */
|
25
|
+
i.icon.right.triangle:before { content: '\25b8'; } /* '▸' */
|
26
|
+
i.icon.right.arrow:before { content: '\e75e'; } /* '' */
|
27
|
+
|
28
|
+
i.icon.up:before { content: '\2191'; } /* '↑' */
|
29
|
+
i.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
|
30
|
+
i.icon.up.arrow:before { content: '\e75f'; } /* '' */
|
31
|
+
|
32
|
+
i.icon.folder:before { content: '\e810'; } /* '' */
|
33
|
+
i.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
|
34
|
+
|
35
|
+
i.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
|
36
|
+
i.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
|
37
|
+
|
38
|
+
i.icon.star:before { content: '\e801'; } /* '' */
|
39
|
+
i.icon.star.empty:before { content: '\e800'; } /* '' */
|
40
|
+
i.icon.star.half:before { content: '\e701'; } /* '' */
|
41
|
+
|
42
|
+
i.icon.lock:before { content: '🔒'; } /* '\1f512' */
|
43
|
+
i.icon.unlock:before { content: '🔓'; } /* '\1f513' */
|
44
|
+
|
45
|
+
i.icon.layout.grid:before { content: '\e80c'; } /* '' */
|
46
|
+
i.icon.layout.block:before { content: '\e708'; } /* '' */
|
47
|
+
i.icon.layout.list:before { content: '\e80b'; } /* '' */
|
48
|
+
|
49
|
+
i.icon.heart.empty:before { content: '\2661'; } /* '♡' */
|
50
|
+
i.icon.heart:before { content: '\2665'; } /* '♥' */
|
51
|
+
|
52
|
+
|
53
|
+
i.icon.asterisk:before { content: '\2731'; } /* '✱' */
|
54
|
+
i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
|
55
|
+
i.icon.attention:before { content: '\26a0'; } /* '⚠' */
|
56
|
+
i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
|
57
|
+
i.icon.barcode:before { content: '\e792'; } /* '' */
|
58
|
+
i.icon.cart:before { content: '\e813'; } /* '' */
|
59
|
+
i.icon.block:before { content: '🚫'; } /* '\1f6ab' */
|
60
|
+
i.icon.book:before { content: '📖'; }
|
61
|
+
i.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
|
62
|
+
i.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
|
63
|
+
i.icon.cancel:before { content: '\2716'; } /* '✖' */
|
64
|
+
i.icon.close:before { content: '\e80d'; } /* '' */
|
65
|
+
i.icon.color:before { content: '\e794'; } /* '' */
|
66
|
+
i.icon.chat:before { content: '\e720'; } /* '' */
|
67
|
+
i.icon.check:before { content: '\2611'; } /* '☑' */
|
68
|
+
i.icon.time:before { content: '🕔'; } /* '\1f554' */
|
69
|
+
i.icon.cloud:before { content: '\2601'; } /* '☁' */
|
70
|
+
i.icon.code:before { content: '\e714'; } /* '' */
|
71
|
+
i.icon.email:before { content: '\40'; } /* '@' */
|
72
|
+
i.icon.settings:before { content: '\26ef'; } /* '⛯' */
|
73
|
+
i.icon.setting:before { content: '\2699'; } /* '⚙' */
|
74
|
+
i.icon.comment:before { content: '\e802'; } /* '' */
|
75
|
+
i.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
|
76
|
+
i.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
|
77
|
+
i.icon.cube:before { content: '\e807'; } /* '' */
|
78
|
+
i.icon.direction:before { content: '\27a2'; } /* '➢' */
|
79
|
+
i.icon.doc:before { content: '📄'; } /* '\1f4c4' */
|
80
|
+
i.icon.docs:before { content: '\e736'; } /* '' */
|
81
|
+
i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
|
82
|
+
i.icon.paint:before { content: '\e7b5'; } /* '' */
|
83
|
+
i.icon.edit:before { content: '\270d'; } /* '✍' */
|
84
|
+
i.icon.eject:before { content: '\2ecf'; } /* '⻏' */
|
85
|
+
i.icon.export:before { content: '\e715'; } /* '' */
|
86
|
+
i.icon.hide:before { content: '\e70b'; } /* '' */
|
87
|
+
i.icon.unhide:before { content: '\e80f'; } /* '' */
|
88
|
+
i.icon.facebook:before { content: '\f301'; } /* '' */
|
89
|
+
i.icon.fast-forward:before { content: '\e804'; } /* '' */
|
90
|
+
i.icon.fire:before { content: '🔥'; } /* '\1f525' */
|
91
|
+
i.icon.flag:before { content: '\2691'; } /* '⚑' */
|
92
|
+
i.icon.lightning:before { content: '\26a1'; } /* '⚡' */
|
93
|
+
i.icon.lab:before { content: '\68'; } /* 'h' */
|
94
|
+
i.icon.flight:before { content: '\2708'; } /* '✈' */
|
95
|
+
i.icon.forward:before { content: '\27a6'; } /* '➦' */
|
96
|
+
i.icon.gift:before { content: '🎁'; } /* '\1f381' */
|
97
|
+
i.icon.github:before { content: '\f308'; } /* '' */
|
98
|
+
i.icon.globe:before { content: '\e817'; } /* '' */
|
99
|
+
i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
|
100
|
+
i.icon.question:before { content: '\2753'; } /* '❓' */
|
101
|
+
i.icon.home:before { content: '\2302'; } /* '⌂' */
|
102
|
+
i.icon.i:before { content: '\2139'; } /* 'ℹ' */
|
103
|
+
i.icon.idea:before { content: '💡'; } /* '\1f4a1' */
|
104
|
+
i.icon.open:before { content: '🔗'; } /* '\1f517' */
|
105
|
+
i.icon.content:before { content: '\e782'; } /* '' */
|
106
|
+
i.icon.location:before { content: '\e724'; } /* '' */
|
107
|
+
i.icon.mail:before { content: '\2709'; } /* '✉' */
|
108
|
+
i.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
|
109
|
+
i.icon.minus:before { content: '\2d'; } /* '-' */
|
110
|
+
i.icon.money:before { content: '💰'; } /* '\1f4b0' */
|
111
|
+
i.icon.off:before { content: '\e78e'; } /* '' */
|
112
|
+
i.icon.pause:before { content: '\e808'; } /* '' */
|
113
|
+
i.icon.photos:before { content: '\e812'; } /* '' */
|
114
|
+
i.icon.photo:before { content: '🌄'; } /* '\1f304' */
|
115
|
+
i.icon.pin:before { content: '📌'; } /* '\1f4cc' */
|
116
|
+
i.icon.play:before { content: '\e809'; } /* '' */
|
117
|
+
i.icon.plus:before { content: '\2b'; } /* '+' */
|
118
|
+
i.icon.print:before { content: '\e716'; } /* '' */
|
119
|
+
i.icon.rss:before { content: '\e73a'; } /* '' */
|
120
|
+
i.icon.search:before { content: '🔍'; } /* '\1f50d' */
|
121
|
+
i.icon.shuffle:before { content: '\e803'; } /* '' */
|
122
|
+
i.icon.tag:before { content: '\e80a'; } /* '' */
|
123
|
+
i.icon.tags:before { content: '\e70d'; } /* '' */
|
124
|
+
i.icon.terminal:before { content: '\e7ac'; } /* '' */
|
125
|
+
i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
|
126
|
+
i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
|
127
|
+
i.icon.to-end:before { content: '\e806'; } /* '' */
|
128
|
+
i.icon.to-start:before { content: '\e805'; } /* '' */
|
129
|
+
i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
|
130
|
+
i.icon.trash:before { content: '\e729'; } /* '' */
|
131
|
+
i.icon.twitter:before { content: '\f303'; } /* '' */
|
132
|
+
i.icon.upload:before { content: '\e711'; } /* '' */
|
133
|
+
i.icon.user.add:before { content: '\e700'; } /* '' */
|
134
|
+
i.icon.user:before { content: '👤'; } /* '\1f464' */
|
135
|
+
i.icon.community:before { content: '\e814'; } /* '' */
|
136
|
+
i.icon.users:before { content: '👥'; } /* '\1f465' */
|
137
|
+
i.icon.id:before { content: '\e722'; } /* '' */
|
138
|
+
i.icon.url:before { content: '🔗'; } /* '\1f517' */
|
139
|
+
i.icon.zoom.in:before { content: '\e750'; } /* '' */
|
140
|
+
i.icon.zoom.out:before { content: '\e751'; } /* '' */
|
141
141
|
|
142
142
|
/*--------------
|
143
143
|
Spacing Fix
|
144
144
|
---------------*/
|
145
145
|
|
146
146
|
/* dropdown arrows are to the right */
|
147
|
-
i.dropdown.
|
147
|
+
i.dropdown.icon {
|
148
148
|
margin: 0em 0em 0em 0.5em;
|
149
149
|
}
|
150
150
|
|
151
151
|
/* stars are usually consecutive */
|
152
|
-
i.
|
152
|
+
i.icon.star {
|
153
153
|
width: auto;
|
154
154
|
margin: 0em;
|
155
155
|
}
|
156
156
|
|
157
157
|
/* left side basic.icons */
|
158
|
-
i.
|
158
|
+
i.icon.left {
|
159
159
|
width: auto;
|
160
160
|
margin: 0em 0.5em 0em 0em;
|
161
161
|
}
|
162
162
|
|
163
163
|
/* right side basic.icons */
|
164
|
-
i.
|
165
|
-
i.
|
166
|
-
i.
|
167
|
-
i.
|
164
|
+
i.icon.search,
|
165
|
+
i.icon.up,
|
166
|
+
i.icon.down,
|
167
|
+
i.icon.right {
|
168
168
|
width: auto;
|
169
169
|
margin: 0em 0em 0em 0.5em;
|
170
170
|
}
|
@@ -174,16 +174,16 @@ i.basic.icon.right {
|
|
174
174
|
---------------*/
|
175
175
|
|
176
176
|
/* aliases for convenience */
|
177
|
-
i.
|
178
|
-
i.
|
177
|
+
i.icon.delete:before { content: '\e80d'; } /* '' */
|
178
|
+
i.icon.dropdown:before { content: '\25be'; } /* '▾' */
|
179
179
|
|
180
|
-
i.
|
181
|
-
i.
|
182
|
-
i.
|
180
|
+
i.icon.help:before { content: '\e704'; } /* '' */
|
181
|
+
i.icon.info:before { content: '\e705'; } /* '' */
|
182
|
+
i.icon.error:before { content: '\e80d'; } /* '' */
|
183
183
|
|
184
|
-
i.
|
185
|
-
i.
|
184
|
+
i.icon.dislike:before { content: '\2661'; } /* '♡' */
|
185
|
+
i.icon.like:before { content: '\2665'; } /* '♥' */
|
186
186
|
|
187
|
-
i.
|
188
|
-
i.
|
189
|
-
i.
|
187
|
+
i.icon.eye:before { content: '\e80f'; } /* '' */
|
188
|
+
i.icon.eye.hidden:before { content: '\e70b'; } /* '' */
|
189
|
+
i.icon.date:before { content: '📅'; } /* '\1f4c5' */
|