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.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +84 -70
  3. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +40 -2
  4. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +34 -20
  5. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +18 -14
  6. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +70 -33
  7. data/assets/javascripts/semantic_ui/definitions/modules/search.js +27 -15
  8. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +2 -5
  9. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +64 -48
  10. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +57 -24
  11. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +16 -2
  12. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +9 -10
  13. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +6 -5
  14. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +4 -2
  15. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1 -0
  16. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +2 -8
  17. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +9 -0
  18. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +2 -2
  19. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +10 -1
  20. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +12 -4
  21. data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
  22. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.overrides +156 -156
  23. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.variables +7 -0
  24. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +5 -0
  25. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +0 -12
  26. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +10 -1
  27. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +3 -0
  28. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +4 -1
  29. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +50 -50
  30. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +3 -3
  31. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +3 -0
  32. data/lib/generators/semantic_ui/install/templates/theme.config +0 -12
  33. data/lib/less/rails/semantic_ui/version.rb +1 -1
  34. data/tasks/update.rake +4 -0
  35. 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: center;
1049
- color: rgba(60, 60, 60, 0.7);
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: 100% !important;
168
+ width: auto !important;
167
169
  display: block !important;
168
170
  }
169
171
 
@@ -209,6 +209,7 @@
209
209
 
210
210
  .ui.buttons .disabled.button,
211
211
  .ui.disabled.button,
212
+ .ui.button:disabled,
212
213
  .ui.disabled.button:hover,
213
214
  .ui.disabled.active.button {
214
215
  cursor: default;
@@ -32,14 +32,8 @@
32
32
 
33
33
  @font-face {
34
34
  font-family: 'Icons';
35
- src: asset-url("@{fontPath}/@{fontName}.eot");
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-left: @contentDistance;
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-left: @contentDistance;
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: @selectPreInitHeight;
358
- padding: 0em;
359
- margin: 0em;
360
- visibility: hidden;
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: inline-block;
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.basic.icon.circle.attention:before { content: '\2757'; } /* '❗' */
3
- i.basic.icon.circle.help:before { content: '\e704'; } /* '' */
4
- i.basic.icon.circle.info:before { content: '\e705'; } /* '' */
5
- i.basic.icon.add:before { content: '\2795'; } /* '➕' */
6
-
7
- i.basic.icon.chart:before { content: '📈'; } /* '\1f4c8' */
8
- i.basic.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
9
- i.basic.icon.chart.pie:before { content: '\e7a2'; } /* '' */
10
-
11
- i.basic.icon.resize.full:before { content: '\e744'; } /* '' */
12
- i.basic.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
13
- i.basic.icon.resize.small:before { content: '\e746'; } /* '' */
14
- i.basic.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
15
-
16
- i.basic.icon.down:before { content: '\2193'; } /* '↓' */
17
- i.basic.icon.down.triangle:before { content: '\25be'; } /* '▾' */
18
- i.basic.icon.down.arrow:before { content: '\e75c'; } /* '' */
19
-
20
- i.basic.icon.left:before { content: '\2190'; } /* '←' */
21
- i.basic.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
22
- i.basic.icon.left.arrow:before { content: '\e75d'; } /* '' */
23
-
24
- i.basic.icon.right:before { content: '\2192'; } /* '→' */
25
- i.basic.icon.right.triangle:before { content: '\25b8'; } /* '▸' */
26
- i.basic.icon.right.arrow:before { content: '\e75e'; } /* '' */
27
-
28
- i.basic.icon.up:before { content: '\2191'; } /* '↑' */
29
- i.basic.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
30
- i.basic.icon.up.arrow:before { content: '\e75f'; } /* '' */
31
-
32
- i.basic.icon.folder:before { content: '\e810'; } /* '' */
33
- i.basic.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
34
-
35
- i.basic.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
36
- i.basic.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
37
-
38
- i.basic.icon.star:before { content: '\e801'; } /* '' */
39
- i.basic.icon.star.empty:before { content: '\e800'; } /* '' */
40
- i.basic.icon.star.half:before { content: '\e701'; } /* '' */
41
-
42
- i.basic.icon.lock:before { content: '🔒'; } /* '\1f512' */
43
- i.basic.icon.unlock:before { content: '🔓'; } /* '\1f513' */
44
-
45
- i.basic.icon.layout.grid:before { content: '\e80c'; } /* '' */
46
- i.basic.icon.layout.block:before { content: '\e708'; } /* '' */
47
- i.basic.icon.layout.list:before { content: '\e80b'; } /* '' */
48
-
49
- i.basic.icon.heart.empty:before { content: '\2661'; } /* '♡' */
50
- i.basic.icon.heart:before { content: '\2665'; } /* '♥' */
51
-
52
-
53
- i.basic.icon.asterisk:before { content: '\2731'; } /* '✱' */
54
- i.basic.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
55
- i.basic.icon.attention:before { content: '\26a0'; } /* '⚠' */
56
- i.basic.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
57
- i.basic.icon.barcode:before { content: '\e792'; } /* '' */
58
- i.basic.icon.cart:before { content: '\e813'; } /* '' */
59
- i.basic.icon.block:before { content: '🚫'; } /* '\1f6ab' */
60
- i.basic.icon.book:before { content: '📖'; }
61
- i.basic.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
62
- i.basic.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
63
- i.basic.icon.cancel:before { content: '\2716'; } /* '✖' */
64
- i.basic.icon.close:before { content: '\e80d'; } /* '' */
65
- i.basic.icon.color:before { content: '\e794'; } /* '' */
66
- i.basic.icon.chat:before { content: '\e720'; } /* '' */
67
- i.basic.icon.check:before { content: '\2611'; } /* '☑' */
68
- i.basic.icon.time:before { content: '🕔'; } /* '\1f554' */
69
- i.basic.icon.cloud:before { content: '\2601'; } /* '☁' */
70
- i.basic.icon.code:before { content: '\e714'; } /* '' */
71
- i.basic.icon.email:before { content: '\40'; } /* '@' */
72
- i.basic.icon.settings:before { content: '\26ef'; } /* '⛯' */
73
- i.basic.icon.setting:before { content: '\2699'; } /* '⚙' */
74
- i.basic.icon.comment:before { content: '\e802'; } /* '' */
75
- i.basic.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
76
- i.basic.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
77
- i.basic.icon.cube:before { content: '\e807'; } /* '' */
78
- i.basic.icon.direction:before { content: '\27a2'; } /* '➢' */
79
- i.basic.icon.doc:before { content: '📄'; } /* '\1f4c4' */
80
- i.basic.icon.docs:before { content: '\e736'; } /* '' */
81
- i.basic.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
82
- i.basic.icon.paint:before { content: '\e7b5'; } /* '' */
83
- i.basic.icon.edit:before { content: '\270d'; } /* '✍' */
84
- i.basic.icon.eject:before { content: '\2ecf'; } /* '⻏' */
85
- i.basic.icon.export:before { content: '\e715'; } /* '' */
86
- i.basic.icon.hide:before { content: '\e70b'; } /* '' */
87
- i.basic.icon.unhide:before { content: '\e80f'; } /* '' */
88
- i.basic.icon.facebook:before { content: '\f301'; } /* '' */
89
- i.basic.icon.fast-forward:before { content: '\e804'; } /* '' */
90
- i.basic.icon.fire:before { content: '🔥'; } /* '\1f525' */
91
- i.basic.icon.flag:before { content: '\2691'; } /* '⚑' */
92
- i.basic.icon.lightning:before { content: '\26a1'; } /* '⚡' */
93
- i.basic.icon.lab:before { content: '\68'; } /* 'h' */
94
- i.basic.icon.flight:before { content: '\2708'; } /* '✈' */
95
- i.basic.icon.forward:before { content: '\27a6'; } /* '➦' */
96
- i.basic.icon.gift:before { content: '🎁'; } /* '\1f381' */
97
- i.basic.icon.github:before { content: '\f308'; } /* '' */
98
- i.basic.icon.globe:before { content: '\e817'; } /* '' */
99
- i.basic.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
100
- i.basic.icon.question:before { content: '\2753'; } /* '❓' */
101
- i.basic.icon.home:before { content: '\2302'; } /* '⌂' */
102
- i.basic.icon.i:before { content: '\2139'; } /* 'ℹ' */
103
- i.basic.icon.idea:before { content: '💡'; } /* '\1f4a1' */
104
- i.basic.icon.open:before { content: '🔗'; } /* '\1f517' */
105
- i.basic.icon.content:before { content: '\e782'; } /* '' */
106
- i.basic.icon.location:before { content: '\e724'; } /* '' */
107
- i.basic.icon.mail:before { content: '\2709'; } /* '✉' */
108
- i.basic.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
109
- i.basic.icon.minus:before { content: '\2d'; } /* '-' */
110
- i.basic.icon.money:before { content: '💰'; } /* '\1f4b0' */
111
- i.basic.icon.off:before { content: '\e78e'; } /* '' */
112
- i.basic.icon.pause:before { content: '\e808'; } /* '' */
113
- i.basic.icon.photos:before { content: '\e812'; } /* '' */
114
- i.basic.icon.photo:before { content: '🌄'; } /* '\1f304' */
115
- i.basic.icon.pin:before { content: '📌'; } /* '\1f4cc' */
116
- i.basic.icon.play:before { content: '\e809'; } /* '' */
117
- i.basic.icon.plus:before { content: '\2b'; } /* '+' */
118
- i.basic.icon.print:before { content: '\e716'; } /* '' */
119
- i.basic.icon.rss:before { content: '\e73a'; } /* '' */
120
- i.basic.icon.search:before { content: '🔍'; } /* '\1f50d' */
121
- i.basic.icon.shuffle:before { content: '\e803'; } /* '' */
122
- i.basic.icon.tag:before { content: '\e80a'; } /* '' */
123
- i.basic.icon.tags:before { content: '\e70d'; } /* '' */
124
- i.basic.icon.terminal:before { content: '\e7ac'; } /* '' */
125
- i.basic.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
126
- i.basic.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
127
- i.basic.icon.to-end:before { content: '\e806'; } /* '' */
128
- i.basic.icon.to-start:before { content: '\e805'; } /* '' */
129
- i.basic.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
130
- i.basic.icon.trash:before { content: '\e729'; } /* '' */
131
- i.basic.icon.twitter:before { content: '\f303'; } /* '' */
132
- i.basic.icon.upload:before { content: '\e711'; } /* '' */
133
- i.basic.icon.user.add:before { content: '\e700'; } /* '' */
134
- i.basic.icon.user:before { content: '👤'; } /* '\1f464' */
135
- i.basic.icon.community:before { content: '\e814'; } /* '' */
136
- i.basic.icon.users:before { content: '👥'; } /* '\1f465' */
137
- i.basic.icon.id:before { content: '\e722'; } /* '' */
138
- i.basic.icon.url:before { content: '🔗'; } /* '\1f517' */
139
- i.basic.icon.zoom.in:before { content: '\e750'; } /* '' */
140
- i.basic.icon.zoom.out:before { content: '\e751'; } /* '' */
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.basic.icon {
147
+ i.dropdown.icon {
148
148
  margin: 0em 0em 0em 0.5em;
149
149
  }
150
150
 
151
151
  /* stars are usually consecutive */
152
- i.basic.icon.star {
152
+ i.icon.star {
153
153
  width: auto;
154
154
  margin: 0em;
155
155
  }
156
156
 
157
157
  /* left side basic.icons */
158
- i.basic.icon.left {
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.basic.icon.search,
165
- i.basic.icon.up,
166
- i.basic.icon.down,
167
- i.basic.icon.right {
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.basic.icon.delete:before { content: '\e80d'; } /* '' */
178
- i.basic.icon.dropdown:before { content: '\25be'; } /* '▾' */
177
+ i.icon.delete:before { content: '\e80d'; } /* '' */
178
+ i.icon.dropdown:before { content: '\25be'; } /* '▾' */
179
179
 
180
- i.basic.icon.help:before { content: '\e704'; } /* '' */
181
- i.basic.icon.info:before { content: '\e705'; } /* '' */
182
- i.basic.icon.error:before { content: '\e80d'; } /* '' */
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.basic.icon.dislike:before { content: '\2661'; } /* '♡' */
185
- i.basic.icon.like:before { content: '\2665'; } /* '♥' */
184
+ i.icon.dislike:before { content: '\2661'; } /* '♡' */
185
+ i.icon.like:before { content: '\2665'; } /* '♥' */
186
186
 
187
- i.basic.icon.eye:before { content: '\e80f'; } /* '' */
188
- i.basic.icon.eye.hidden:before { content: '\e70b'; } /* '' */
189
- i.basic.icon.date:before { content: '📅'; } /* '\1f4c5' */
187
+ i.icon.eye:before { content: '\e80f'; } /* '' */
188
+ i.icon.eye.hidden:before { content: '\e70b'; } /* '' */
189
+ i.icon.date:before { content: '📅'; } /* '\1f4c5' */