less-rails-semantic_ui 1.8.1.0 → 1.9.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +11 -1
  3. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.eot +0 -0
  4. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
  5. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg +526 -465
  6. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf +0 -0
  7. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff +0 -0
  8. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff2 +0 -0
  9. data/assets/images/semantic_ui/themes/default/assets/images/flags.png +0 -0
  10. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +6 -3
  11. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +65 -22
  12. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +1 -1
  13. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +1 -1
  14. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +1 -1
  15. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +1 -1
  16. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +3 -1
  17. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +12 -10
  18. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +28 -3
  19. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +10 -14
  20. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +1 -1
  21. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +1 -1
  22. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +1 -1
  23. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +1 -1
  24. data/assets/javascripts/semantic_ui/definitions/modules/search.js +1 -1
  25. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +1 -1
  26. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +4 -4
  27. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +4 -2
  28. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +13 -11
  29. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +13 -7
  30. data/assets/javascripts/semantic_ui/definitions/modules/video.js +1 -1
  31. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +7 -2
  32. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +40 -30
  33. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +6 -2
  34. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +18 -11
  35. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +6 -2
  36. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +6 -1
  37. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +8 -3
  38. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +7 -4
  39. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +13 -1
  40. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +36 -9
  41. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +11 -4
  42. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +7 -2
  43. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +17 -46
  44. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +39 -7
  45. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +5 -1
  46. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +4 -2
  47. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +8 -4
  48. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +5 -1
  49. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +45 -1
  50. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +13 -5
  51. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +6 -2
  52. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +8 -3
  53. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +5 -2
  54. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +5 -2
  55. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +5 -2
  56. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +17 -8
  57. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +7 -2
  58. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +6 -1
  59. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +7 -1
  60. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +20 -2
  61. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +10 -15
  62. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +7 -2
  63. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +6 -1
  64. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +16 -6
  65. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +7 -1
  66. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +7 -1
  67. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +6 -5
  68. data/assets/stylesheets/semantic_ui/definitions/modules/video.less +6 -1
  69. data/assets/stylesheets/semantic_ui/definitions/views/ad.less +6 -1
  70. data/assets/stylesheets/semantic_ui/definitions/views/card.less +182 -7
  71. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +6 -1
  72. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +6 -2
  73. data/assets/stylesheets/semantic_ui/definitions/views/item.less +6 -2
  74. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +5 -2
  75. data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +1 -2
  76. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +2 -2
  77. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +1 -1
  78. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +1 -0
  79. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +6 -1
  80. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +11 -1
  81. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +139 -24
  82. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +8 -1
  83. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +3 -1
  84. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +5 -0
  85. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +8 -0
  86. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +1 -1
  87. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -1
  88. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +6 -6
  89. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +54 -56
  90. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +18 -15
  91. data/lib/generators/semantic_ui/install/templates/theme.config +21 -13
  92. data/lib/less/rails/semantic_ui/engine.rb +1 -1
  93. data/lib/less/rails/semantic_ui/version.rb +1 -1
  94. data/tasks/update.rake +2 -2
  95. metadata +4 -3
@@ -448,7 +448,7 @@ $.fn.video = function(parameters) {
448
448
  }
449
449
  else {
450
450
  if(instance !== undefined) {
451
- module.destroy();
451
+ instance.invoke('destroy');
452
452
  }
453
453
  module.initialize();
454
454
  }
@@ -15,7 +15,6 @@
15
15
  *
16
16
  */
17
17
 
18
-
19
18
  /*******************************
20
19
  Theme
21
20
  *******************************/
@@ -23,7 +22,10 @@
23
22
  @type : 'collection';
24
23
  @element : 'breadcrumb';
25
24
 
26
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
26
+
27
+ & {
28
+
27
29
 
28
30
  /*******************************
29
31
  Breadcrumb
@@ -126,3 +128,6 @@
126
128
  }
127
129
 
128
130
  .loadUIOverrides();
131
+
132
+ }
133
+
@@ -22,7 +22,9 @@
22
22
  @type : 'collection';
23
23
  @element : 'form';
24
24
 
25
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
26
+
27
+ & {
26
28
 
27
29
 
28
30
  /*******************************
@@ -97,28 +99,30 @@
97
99
 
98
100
  .ui.form textarea,
99
101
  .ui.form input:not([type]),
100
- .ui.form input[type="text"],
101
- .ui.form input[type="email"],
102
102
  .ui.form input[type="date"],
103
103
  .ui.form input[type="datetime-local"],
104
- .ui.form input[type="password"],
104
+ .ui.form input[type="email"],
105
105
  .ui.form input[type="number"],
106
- .ui.form input[type="url"],
106
+ .ui.form input[type="password"],
107
107
  .ui.form input[type="tel"],
108
+ .ui.form input[type="time"],
109
+ .ui.form input[type="text"],
110
+ .ui.form input[type="url"],
108
111
  .ui.form .ui.input {
109
112
  width: 100%;
110
113
  vertical-align: top;
111
114
  }
112
115
 
113
116
  .ui.form input:not([type]),
114
- .ui.form input[type="text"],
115
- .ui.form input[type="email"],
116
117
  .ui.form input[type="date"],
117
118
  .ui.form input[type="datetime-local"],
118
- .ui.form input[type="password"],
119
+ .ui.form input[type="email"],
119
120
  .ui.form input[type="number"],
120
- .ui.form input[type="url"],
121
- .ui.form input[type="tel"] {
121
+ .ui.form input[type="password"],
122
+ .ui.form input[type="tel"],
123
+ .ui.form input[type="time"],
124
+ .ui.form input[type="text"],
125
+ .ui.form input[type="url"] {
122
126
  font-family: @inputFont;
123
127
  margin: 0em;
124
128
  outline: none;
@@ -225,7 +229,6 @@
225
229
  Types of Messages
226
230
  ---------------------*/
227
231
 
228
- .ui.form .info.message,
229
232
  .ui.form .success.message,
230
233
  .ui.form .warning.message,
231
234
  .ui.form .error.message {
@@ -298,14 +301,15 @@
298
301
  ---------------------*/
299
302
 
300
303
  .ui.form input:not([type]):focus,
301
- .ui.form input[type="text"]:focus,
302
- .ui.form input[type="email"]:focus,
303
304
  .ui.form input[type="date"]:focus,
304
305
  .ui.form input[type="datetime-local"]:focus,
305
- .ui.form input[type="password"]:focus,
306
+ .ui.form input[type="email"]:focus,
306
307
  .ui.form input[type="number"]:focus,
307
- .ui.form input[type="url"]:focus,
308
- .ui.form input[type="tel"]:focus {
308
+ .ui.form input[type="password"]:focus,
309
+ .ui.form input[type="tel"]:focus,
310
+ .ui.form input[type="time"]:focus,
311
+ .ui.form input[type="text"]:focus,
312
+ .ui.form input[type="url"]:focus {
309
313
  color: @inputFocusColor;
310
314
  border-color: @inputFocusBorderColor;
311
315
  border-radius: @inputFocusBorderRadius;
@@ -364,24 +368,26 @@
364
368
 
365
369
  .ui.form .fields.error .field textarea,
366
370
  .ui.form .fields.error .field input:not([type]),
367
- .ui.form .fields.error .field input[type="text"],
368
- .ui.form .fields.error .field input[type="email"],
369
371
  .ui.form .fields.error .field input[type="date"],
370
372
  .ui.form .fields.error .field input[type="datetime-local"],
371
- .ui.form .fields.error .field input[type="password"],
373
+ .ui.form .fields.error .field input[type="email"],
372
374
  .ui.form .fields.error .field input[type="number"],
373
- .ui.form .fields.error .field input[type="url"],
375
+ .ui.form .fields.error .field input[type="password"],
374
376
  .ui.form .fields.error .field input[type="tel"],
377
+ .ui.form .fields.error .field input[type="time"],
378
+ .ui.form .fields.error .field input[type="text"],
379
+ .ui.form .fields.error .field input[type="url"],
375
380
  .ui.form .field.error textarea,
376
381
  .ui.form .field.error input:not([type]),
377
- .ui.form .field.error input[type="text"],
378
- .ui.form .field.error input[type="email"],
379
382
  .ui.form .field.error input[type="date"],
380
383
  .ui.form .field.error input[type="datetime-local"],
381
- .ui.form .field.error input[type="password"],
384
+ .ui.form .field.error input[type="email"],
382
385
  .ui.form .field.error input[type="number"],
383
- .ui.form .field.error input[type="url"],
384
- .ui.form .field.error input[type="tel"] {
386
+ .ui.form .field.error input[type="password"],
387
+ .ui.form .field.error input[type="tel"],
388
+ .ui.form .field.error input[type="time"],
389
+ .ui.form .field.error input[type="text"],
390
+ .ui.form .field.error input[type="url"] {
385
391
  background: @formErrorBackground;
386
392
  border-color: @formErrorBorder;
387
393
  color: @formErrorColor;
@@ -390,14 +396,15 @@
390
396
  }
391
397
  .ui.form .field.error textarea:focus,
392
398
  .ui.form .field.error input:not([type]):focus,
393
- .ui.form .field.error input[type="text"]:focus,
394
- .ui.form .field.error input[type="email"]:focus,
395
399
  .ui.form .field.error input[type="date"]:focus,
396
400
  .ui.form .field.error input[type="datetime-local"]:focus,
397
- .ui.form .field.error input[type="password"]:focus,
401
+ .ui.form .field.error input[type="email"]:focus,
398
402
  .ui.form .field.error input[type="number"]:focus,
399
- .ui.form .field.error input[type="url"]:focus,
400
- .ui.form .field.error input[type="tel"]:focus{
403
+ .ui.form .field.error input[type="password"]:focus,
404
+ .ui.form .field.error input[type="tel"]:focus,
405
+ .ui.form .field.error input[type="time"]:focus,
406
+ .ui.form .field.error input[type="text"]:focus,
407
+ .ui.form .field.error input[type="url"]:focus {
401
408
  background: @inputErrorFocusBackground;
402
409
  border-color: @inputErrorFocusBorder;
403
410
  color: @inputErrorFocusColor;
@@ -879,3 +886,6 @@
879
886
  }
880
887
 
881
888
  .loadUIOverrides();
889
+
890
+ }
891
+
@@ -22,8 +22,9 @@
22
22
  @type : 'collection';
23
23
  @element : 'grid';
24
24
 
25
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
26
26
 
27
+ & {
27
28
 
28
29
  /*******************************
29
30
  Standard
@@ -1683,6 +1684,7 @@
1683
1684
  width: auto !important;
1684
1685
  margin: 0em 0em !important;
1685
1686
  box-shadow: none !important;
1687
+ float: none !important;
1686
1688
  padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
1687
1689
  }
1688
1690
  .ui.stackable.grid > .row {
@@ -1780,4 +1782,6 @@
1780
1782
  }
1781
1783
  }
1782
1784
 
1783
- .loadUIOverrides();
1785
+ .loadUIOverrides();
1786
+
1787
+ }
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,7 +23,9 @@
22
23
  @type : 'collection';
23
24
  @element : 'menu';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
27
+
28
+ & {
26
29
 
27
30
  /*******************************
28
31
  Standard
@@ -35,7 +38,7 @@
35
38
  .ui.menu {
36
39
  margin: @margin;
37
40
  background: @background;
38
- font-size: 0px;
41
+ font-size: 0em;
39
42
  font-weight: @fontWeight;
40
43
  box-shadow: @boxShadow;
41
44
  border-radius: @borderRadius;
@@ -56,6 +59,13 @@
56
59
  margin-bottom: 0rem;
57
60
  }
58
61
 
62
+ .ui.menu .menu {
63
+ margin: 0em;
64
+ }
65
+ .ui.menu:not(.vertical) .menu {
66
+ font-size: 0em;
67
+ }
68
+
59
69
  /*--------------
60
70
  Colors
61
71
  ---------------*/
@@ -96,9 +106,6 @@
96
106
  transition: @transition;
97
107
  }
98
108
 
99
- .ui.menu .menu {
100
- margin: 0em;
101
- }
102
109
 
103
110
  /* Floated Content */
104
111
  .ui.menu > .item:first-child {
@@ -635,18 +642,15 @@
635
642
  /* Active */
636
643
  .ui.tabular.menu .active.item {
637
644
  position: relative;
645
+ border-bottom: none;
646
+ vertical-align: bottom;
638
647
 
639
648
  background-color: @tabularMenuActiveBackground;
640
649
  color: @tabularActiveColor;
641
-
642
650
  border-color: @tabularBorderColor;
643
651
  font-weight: @tabularActiveWeight;
644
-
645
652
  margin-bottom: -@tabularBorderWidth;
646
-
647
-
648
- border-bottom: none;
649
- box-shadow: 0px (2 * @tabularBorderWidth) 0px -@tabularBorderWidth @tabularBackgroundColor;
653
+ box-shadow: @tabularActiveBoxShadow;
650
654
  border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px;
651
655
  }
652
656
 
@@ -1618,3 +1622,6 @@
1618
1622
  }
1619
1623
 
1620
1624
  .loadUIOverrides();
1625
+
1626
+ }
1627
+
@@ -14,6 +14,7 @@
14
14
  * http://opensource.org/licenses/MIT
15
15
  *
16
16
  */
17
+
17
18
  /*******************************
18
19
  Theme
19
20
  *******************************/
@@ -21,8 +22,9 @@
21
22
  @type : 'collection';
22
23
  @element : 'message';
23
24
 
24
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
25
26
 
27
+ & {
26
28
 
27
29
  /*******************************
28
30
  Message
@@ -445,4 +447,6 @@
445
447
  font-size: @relativeMassive;
446
448
  }
447
449
 
448
- .loadUIOverrides();
450
+ .loadUIOverrides();
451
+
452
+ }
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,8 +23,9 @@
22
23
  @type : 'collection';
23
24
  @element : 'table';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
26
27
 
28
+ & {
27
29
 
28
30
  /*******************************
29
31
  Table
@@ -1003,3 +1005,6 @@
1003
1005
  }
1004
1006
 
1005
1007
  .loadUIOverrides();
1008
+
1009
+ }
1010
+
@@ -22,7 +22,9 @@
22
22
  @type : 'element';
23
23
  @element : 'button';
24
24
 
25
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
26
+
27
+ & {
26
28
 
27
29
  /*******************************
28
30
  Button
@@ -140,10 +142,11 @@
140
142
  .ui.loading.loading.loading.loading.loading.loading.button {
141
143
  position: relative;
142
144
  cursor: default;
143
- point-events: none;
144
145
  text-shadow: none !important;
145
146
  color: transparent !important;
146
- transition: all 0s linear;
147
+ opacity: @loadingOpacity;
148
+ pointer-events: @loadingPointerEvents;
149
+ transition: @loadingTransition;
147
150
  }
148
151
  .ui.loading.button:before {
149
152
  position: absolute;
@@ -2410,3 +2413,5 @@
2410
2413
  }
2411
2414
 
2412
2415
  .loadUIOverrides();
2416
+
2417
+ }
@@ -22,7 +22,9 @@
22
22
  @type : 'element';
23
23
  @element : 'divider';
24
24
 
25
- @import 'semantic_ui/theme.config';
25
+ @import (multiple) 'semantic_ui/theme.config';
26
+
27
+ & {
26
28
 
27
29
 
28
30
  /*******************************
@@ -208,9 +210,7 @@
208
210
  Inverted
209
211
  ---------------*/
210
212
 
211
- .ui.divider.inverted {
212
- color: @invertedTextColor;
213
- }
213
+ .ui.divider.inverted,
214
214
  .ui.vertical.inverted.divider,
215
215
  .ui.horizontal.inverted.divider {
216
216
  color: @invertedTextColor;
@@ -260,3 +260,6 @@
260
260
 
261
261
 
262
262
  .loadUIOverrides();
263
+
264
+ }
265
+
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,7 +23,14 @@
22
23
  @type : 'element';
23
24
  @element : 'flag';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
27
+
28
+ & {
29
+
30
+
31
+ /*******************************
32
+ Flag
33
+ *******************************/
26
34
 
27
35
  i.flag:not(.icon) {
28
36
  display: inline-block;
@@ -41,6 +49,7 @@ i.flag:not(.icon) {
41
49
  backface-visibility: hidden;
42
50
  }
43
51
 
52
+ /* Sprite */
44
53
  i.flag:not(.icon):before {
45
54
  display: inline-block;
46
55
  content: '';
@@ -50,3 +59,6 @@ i.flag:not(.icon):before {
50
59
  }
51
60
 
52
61
  .loadUIOverrides();
62
+
63
+ }
64
+
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,7 +23,10 @@
22
23
  @type : 'element';
23
24
  @element : 'header';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
27
+
28
+ & {
29
+
26
30
 
27
31
  /*******************************
28
32
  Header
@@ -69,17 +73,31 @@
69
73
  opacity: @iconOpacity;
70
74
  font-size: @iconSize;
71
75
  padding-top: @iconOffset;
72
-
73
76
  vertical-align: @iconAlignment;
74
- padding-right: (@iconMargin / 2);
75
77
  }
76
78
 
77
- /* Only One */
79
+ /* With Text Node */
78
80
  .ui.header .icon:only-child {
79
81
  display: inline-block;
80
82
  padding: 0em;
81
- margin-right: (@iconMargin / 2);
82
- vertical-align: baseline;
83
+ margin-right: @iconMargin;
84
+ }
85
+
86
+ /*-------------------
87
+ Image
88
+ --------------------*/
89
+
90
+ .ui.header > .image,
91
+ .ui.header > img {
92
+ display: inline-block;
93
+ margin-top: @imageOffset;
94
+ width: @imageWidth;
95
+ height: @imageHeight;
96
+ vertical-align: @imageAlignment;
97
+ }
98
+ .ui.header > .image:only-child,
99
+ .ui.header > img:only-child {
100
+ margin-right: @imageMargin;
83
101
  }
84
102
 
85
103
  /*--------------
@@ -91,8 +109,16 @@
91
109
  vertical-align: @contentAlignment;
92
110
  }
93
111
 
112
+ /* After Image */
113
+ .ui.header > img + .content,
114
+ .ui.header > .image + .content {
115
+ padding-left: @imageMargin;
116
+ vertical-align: @contentImageAlignment;
117
+ }
118
+
119
+ /* After Icon */
94
120
  .ui.header > .icon + .content {
95
- padding-left: (@iconMargin / 2);
121
+ padding-left: @iconMargin;
96
122
  display: table-cell;
97
123
  vertical-align: @contentIconAlignment;
98
124
  }
@@ -196,7 +222,6 @@ h5.ui.header .sub.header {
196
222
  font-size: @tinySubHeaderFontSize;
197
223
  }
198
224
 
199
-
200
225
  /*-------------------
201
226
  Icon
202
227
  --------------------*/
@@ -600,4 +625,6 @@ a.ui.inverted.yellow.header:hover {
600
625
  font-size: @medium;
601
626
  }
602
627
 
603
- .loadUIOverrides();
628
+ .loadUIOverrides();
629
+
630
+ }
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,7 +23,10 @@
22
23
  @type : 'element';
23
24
  @element : 'icon';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
27
+
28
+ & {
29
+
26
30
 
27
31
  /*******************************
28
32
  Icon
@@ -33,11 +37,11 @@
33
37
  src: asset-url("@{fontPath}/@{fontName}.eot");
34
38
  src:
35
39
  asset-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
36
- asset-url("@{fontPath}/@{fontName}.svg#icons") format('svg'),
40
+ asset-url("@{fontPath}/@{fontName}.woff2") format('woff'),
37
41
  asset-url("@{fontPath}/@{fontName}.woff") format('woff'),
38
- asset-url("@{fontPath}/@{fontName}.ttf") format('truetype')
42
+ asset-url("@{fontPath}/@{fontName}.ttf") format('truetype'),
43
+ asset-url("@{fontPath}/@{fontName}.svg#icons") format('svg')
39
44
  ;
40
-
41
45
  font-style: normal;
42
46
  font-weight: normal;
43
47
  font-variant: normal;
@@ -349,3 +353,6 @@ i.massive.icon {
349
353
  }
350
354
 
351
355
  .loadUIOverrides();
356
+
357
+ }
358
+
@@ -15,6 +15,7 @@
15
15
  *
16
16
  */
17
17
 
18
+
18
19
  /*******************************
19
20
  Theme
20
21
  *******************************/
@@ -22,7 +23,9 @@
22
23
  @type : 'element';
23
24
  @element : 'image';
24
25
 
25
- @import 'semantic_ui/theme.config';
26
+ @import (multiple) 'semantic_ui/theme.config';
27
+
28
+ & {
26
29
 
27
30
  /*******************************
28
31
  Image
@@ -290,4 +293,6 @@ img.ui.bordered.image {
290
293
  margin: 0em @imageHorizontalMargin @imageVerticalMargin;
291
294
  }
292
295
 
293
- .loadUIOverrides();
296
+ .loadUIOverrides();
297
+
298
+ }