less-rails-semantic_ui 1.8.1.0 → 1.9.0.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 (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
+ }