less-rails-semantic_ui 1.10.4.0 → 1.11.1.0

Sign up to get free protection for your applications and to get access to all the features.
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' */