less-rails-semantic_ui 1.12.3.0 → 2.0.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 (197) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +394 -188
  3. data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +4 -2
  4. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +263 -125
  5. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +3 -3
  6. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +213 -96
  7. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +6 -4
  8. data/assets/javascripts/semantic_ui/definitions/globals/site.js +4 -4
  9. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +66 -52
  10. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +309 -112
  11. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +24 -26
  12. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +2005 -590
  13. data/assets/javascripts/semantic_ui/definitions/modules/embed.js +662 -0
  14. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +106 -79
  15. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +7 -8
  16. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +323 -194
  17. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +111 -103
  18. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +78 -54
  19. data/assets/javascripts/semantic_ui/definitions/modules/search.js +304 -122
  20. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +93 -47
  21. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +83 -149
  22. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +99 -29
  23. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +219 -124
  24. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +202 -171
  25. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +2 -1
  26. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +135 -58
  27. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +366 -383
  28. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +838 -631
  29. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +89 -71
  30. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +183 -131
  31. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1097 -300
  32. data/assets/stylesheets/semantic_ui/definitions/elements/container.less +135 -0
  33. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +31 -30
  34. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -1
  35. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +209 -121
  36. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +201 -96
  37. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +26 -11
  38. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +49 -14
  39. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +391 -221
  40. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +107 -68
  41. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +3 -1
  42. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +34 -25
  43. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +25 -10
  44. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +261 -173
  45. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +169 -70
  46. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -1
  47. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +3 -1
  48. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +1 -2
  49. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +175 -103
  50. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +26 -15
  51. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +349 -80
  52. data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +174 -0
  53. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +83 -36
  54. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -1
  55. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +48 -7
  56. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +160 -107
  57. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +57 -54
  58. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +55 -10
  59. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +5 -6
  60. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +9 -5
  61. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -1
  62. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -1
  63. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +3 -4
  64. data/assets/stylesheets/semantic_ui/definitions/views/card.less +240 -130
  65. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -1
  66. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +15 -8
  67. data/assets/stylesheets/semantic_ui/definitions/views/item.less +13 -13
  68. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +230 -86
  69. data/assets/stylesheets/semantic_ui/theme.less +22 -15
  70. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +5 -5
  71. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +5 -4
  72. data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +1 -0
  73. data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +6 -4
  74. data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +4 -4
  75. data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +1 -1
  76. data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
  77. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.overrides +0 -0
  78. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.variables +40 -0
  79. data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +1 -0
  80. data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +1 -1
  81. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.overrides +0 -0
  82. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +17 -0
  83. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +0 -0
  84. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +5 -15
  85. data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +0 -0
  86. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +31 -35
  87. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +0 -0
  88. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +34 -28
  89. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +0 -0
  90. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +259 -163
  91. data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +0 -0
  92. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +42 -19
  93. data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +0 -3
  94. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +63 -59
  95. data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +0 -0
  96. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +90 -50
  97. data/assets/stylesheets/semantic_ui/themes/default/elements/container.overrides +3 -0
  98. data/assets/stylesheets/semantic_ui/themes/default/elements/container.variables +45 -0
  99. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +15 -0
  100. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +3 -4
  101. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +0 -0
  102. data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +0 -0
  103. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +40 -36
  104. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +4 -3
  105. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +29 -12
  106. data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +0 -0
  107. data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +5 -3
  108. data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +0 -0
  109. data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +10 -24
  110. data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +0 -0
  111. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +88 -35
  112. data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +0 -0
  113. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +53 -34
  114. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +0 -0
  115. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +9 -10
  116. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +0 -0
  117. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +13 -5
  118. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +0 -0
  119. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +6 -4
  120. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +0 -0
  121. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +66 -28
  122. data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +0 -0
  123. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +60 -31
  124. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +0 -0
  125. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +477 -303
  126. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +0 -0
  127. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +6 -7
  128. data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +0 -0
  129. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +19 -16
  130. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +71 -43
  131. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +0 -0
  132. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +12 -9
  133. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +0 -5
  134. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +146 -64
  135. data/assets/stylesheets/semantic_ui/themes/default/modules/{video.overrides → embed.overrides} +0 -0
  136. data/assets/stylesheets/semantic_ui/themes/default/modules/embed.variables +53 -0
  137. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +0 -0
  138. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +24 -18
  139. data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +0 -0
  140. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +0 -0
  141. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +3 -9
  142. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +13 -7
  143. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -0
  144. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +71 -33
  145. data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +0 -0
  146. data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +36 -34
  147. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +0 -0
  148. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +7 -2
  149. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +0 -0
  150. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +2 -5
  151. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +0 -0
  152. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +2 -7
  153. data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +1 -3
  154. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +8 -9
  155. data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
  156. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +33 -23
  157. data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +0 -0
  158. data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +0 -0
  159. data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +15 -23
  160. data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +0 -0
  161. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +12 -11
  162. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +0 -0
  163. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +25 -24
  164. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +4 -0
  165. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +1 -2
  166. data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +1 -0
  167. data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +1 -1
  168. data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +10 -15
  169. data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +2 -2
  170. data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +2 -2
  171. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides +12 -0
  172. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables +23 -0
  173. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides +1 -0
  174. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +10 -0
  175. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +1 -0
  176. data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +14 -6
  177. data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +3 -2
  178. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides +5 -0
  179. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables +20 -0
  180. data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +5 -5
  181. data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +1 -1
  182. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +4 -12
  183. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +3 -7
  184. data/lib/generators/semantic_ui/install/templates/config/elements/container.overrides +3 -0
  185. data/lib/generators/semantic_ui/install/templates/config/elements/container.variables +3 -0
  186. data/lib/generators/semantic_ui/install/templates/config/modules/embed.overrides +3 -0
  187. data/lib/generators/semantic_ui/install/templates/config/modules/embed.variables +0 -0
  188. data/lib/generators/semantic_ui/install/templates/semantic_ui.css +2 -1
  189. data/lib/generators/semantic_ui/install/templates/semantic_ui.js +1 -1
  190. data/lib/generators/semantic_ui/install/templates/theme.config +5 -3
  191. data/lib/less/rails/semantic_ui/version.rb +1 -1
  192. data/tasks/update.rake +21 -6
  193. metadata +23 -7
  194. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
  195. data/assets/javascripts/semantic_ui/definitions/modules/video.js +0 -540
  196. data/assets/stylesheets/semantic_ui/definitions/modules/video.less +0 -135
  197. data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +0 -16
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -33,25 +33,77 @@
33
33
 
34
34
  @import (multiple) 'semantic_ui/theme.config';
35
35
 
36
+ /*******************************
37
+ Plural
38
+ *******************************/
39
+
40
+ .ui.steps {
41
+ display: inline-flex;
42
+ flex-direction: row;
43
+ align-items: stretch;
44
+ margin: @stepMargin;
45
+ background: @stepsBackground;
46
+ box-shadow: @stepsBoxShadow;
47
+ line-height: @lineHeight;
48
+ border-radius: @stepsBorderRadius;
49
+ border: @stepsBorder;
50
+ }
51
+
52
+ .ui.steps:first-child {
53
+ margin-top: 0em;
54
+ }
55
+ .ui.steps:last-child {
56
+ margin-bottom: 0em;
57
+ }
58
+
59
+ .ui.steps .step:first-child {
60
+ padding-left: @horizontalPadding;
61
+ border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
62
+ }
63
+ .ui.steps .step:last-child {
64
+ border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
65
+ }
66
+ .ui.steps .step:only-child {
67
+ -webkit-border-radius: @stepsBorderRadius;
68
+ -moz-border-radius: @stepsBorderRadius;
69
+ border-radius: @stepsBorderRadius;
70
+ }
71
+
72
+ .ui.steps .step:last-child {
73
+ border-right: none;
74
+ margin-right: 0em;
75
+ }
76
+ .ui.steps .step:last-child:after {
77
+ display: @lastArrowDisplay;
78
+ }
79
+
36
80
  /*******************************
37
81
  Singular
38
82
  *******************************/
39
83
 
40
84
  .ui.steps .step {
41
85
  position: relative;
42
- display: table-cell;
86
+ display: flex;
87
+ flex: 1 0 auto;
88
+ flex-wrap: wrap;
89
+ flex-direction: row;
43
90
  vertical-align: middle;
91
+ align-items: center;
92
+ justify-content: @justifyContent;
44
93
 
45
94
  margin: @verticalMargin @horizontalMargin;
46
- padding: @verticalPadding @horizontalPadding @verticalPadding @leftPadding;
95
+ padding: @verticalPadding @horizontalPadding;
47
96
  background: @background;
48
97
  color: @textColor;
49
98
  box-shadow: @boxShadow;
50
99
  border-radius: @borderRadius;
100
+ border: @border;
101
+ border-right: @divider;
51
102
  }
52
103
 
53
104
 
54
105
  .ui.steps .step:after {
106
+ display: none;
55
107
  position: absolute;
56
108
  z-index: 2;
57
109
  content: '';
@@ -61,8 +113,11 @@
61
113
  background-color: @arrowBackgroundColor;
62
114
  width: @arrowSize;
63
115
  height: @arrowSize;
64
- border-bottom: 1px solid @arrowBorderColor;
65
- border-right: 1px solid @arrowBorderColor;
116
+
117
+ border-style: solid;
118
+ border-color: @borderColor;
119
+ border-width: @arrowBorderWidth;
120
+
66
121
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
67
122
  }
68
123
 
@@ -71,42 +126,6 @@
71
126
  transition: @transition;
72
127
  }
73
128
 
74
- /*******************************
75
- Plural
76
- *******************************/
77
-
78
- .ui.steps {
79
- display: table;
80
- table-layout: fixed;
81
- background: @stepsBackground;
82
- box-shadow: @stepsBoxShadow;
83
-
84
- line-height: @lineHeight;
85
- box-sizing: border-box;
86
- border-radius: @stepsBorderRadius;
87
- }
88
-
89
- .ui.steps .step:first-child {
90
- padding-left: @horizontalPadding;
91
- border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
92
- }
93
- .ui.steps .step:last-child {
94
- border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
95
- }
96
- .ui.steps .step:only-child {
97
- -webkit-border-radius: @stepsBorderRadius;
98
- -moz-border-radius: @stepsBorderRadius;
99
- border-radius: @stepsBorderRadius;
100
- }
101
-
102
- .ui.steps .step:last-child {
103
- margin-right: 0em;
104
- }
105
- .ui.steps .step:last-child:after {
106
- display: none;
107
- }
108
-
109
-
110
129
  /*******************************
111
130
  Content
112
131
  *******************************/
@@ -117,6 +136,9 @@
117
136
  font-size: @titleFontSize;
118
137
  font-weight: @titleFontWeight;
119
138
  }
139
+ .ui.steps .step > .title {
140
+ width: 100%;
141
+ }
120
142
 
121
143
  /* Description */
122
144
  .ui.steps .step .description {
@@ -124,20 +146,32 @@
124
146
  font-size: @descriptionFontSize;
125
147
  color: @descriptionColor;
126
148
  }
149
+ .ui.steps .step > .description {
150
+ width: 100%;
151
+ }
127
152
  .ui.steps .step .title ~ .description {
128
153
  margin-top: @descriptionDistance;
129
154
  }
130
155
 
131
156
  /* Icon */
157
+ .ui.steps .step > .icon {
158
+ line-height: 1;
159
+ font-size: @iconSize;
160
+ margin: 0em @iconDistance 0em 0em;
161
+ }
132
162
  .ui.steps .step > .icon,
133
163
  .ui.steps .step > .icon ~ .content {
134
- display: table-cell;
135
- vertical-align: @iconVerticalAlign;
164
+ display: block;
165
+ flex: 0 1 auto;
166
+ align-self: @iconAlign;
136
167
  }
137
- .ui.steps .step > .icon {
138
- font-size: @iconSize;
139
- margin: 0em;
140
- padding-right: @iconDistance;
168
+ .ui.steps .step > .icon ~ .content {
169
+ flex-grow: 1 0 auto;
170
+ }
171
+
172
+ /* Horizontal Icon */
173
+ .ui.steps:not(.vertical) .step > .icon {
174
+ width: auto;
141
175
  }
142
176
 
143
177
  /* Link */
@@ -158,19 +192,21 @@
158
192
  counter-reset: ordered;
159
193
  }
160
194
  .ui.ordered.steps .step:before {
161
- display: table-cell;
195
+ display: block;
162
196
  position: static;
163
197
  text-align: center;
164
198
  content: counters(ordered, ".");
165
- vertical-align: @iconVerticalAlign;
166
- padding-right: @iconDistance;
199
+ align-self: @iconAlign;
200
+ margin-right: @iconDistance;
167
201
  font-size: @iconSize;
168
202
  counter-increment: ordered;
203
+ font-family: @orderedFontFamily;
204
+ font-weight: @orderedFontWeight;
169
205
  }
170
206
 
171
207
  .ui.ordered.steps .step > * {
172
- display: table-cell;
173
- vertical-align: @iconVerticalAlign;
208
+ display: block;
209
+ align-self: @iconAlign;
174
210
  }
175
211
 
176
212
 
@@ -179,19 +215,22 @@
179
215
  ---------------*/
180
216
 
181
217
  .ui.vertical.steps {
182
- display: inline-block;
218
+ display: inline-flex;
219
+ flex-direction: column;
183
220
  overflow: visible;
184
221
  }
185
222
  .ui.vertical.steps .step {
186
- display: block;
223
+ justify-content: flex-start;
187
224
  border-radius: @borderRadius;
188
225
  padding: @verticalPadding @horizontalPadding;
226
+ border-bottom: @verticalDivider;
189
227
  }
190
228
  .ui.vertical.steps .step:first-child {
191
229
  padding: @verticalPadding @horizontalPadding;
192
230
  border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
193
231
  }
194
232
  .ui.vertical.steps .step:last-child {
233
+ border-bottom: none;
195
234
  border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
196
235
  }
197
236
 
@@ -199,10 +238,20 @@
199
238
  .ui.vertical.steps .step:after {
200
239
  display: none;
201
240
  }
241
+ .ui.vertical.steps .step:after {
242
+ top: @verticalArrowTopOffset;
243
+ right: @verticalArrowRightOffset;
244
+ border-width: @verticalArrowBorderWidth;
245
+ }
202
246
 
203
- /* Active Arrow */
247
+ .ui.vertical.steps .step:after {
248
+ display: @verticalArrowDisplay;
249
+ }
204
250
  .ui.vertical.steps .active.step:after {
205
- display: block;
251
+ display: @verticalActiveArrowDisplay;
252
+ }
253
+ .ui.vertical.steps .step:last-child:after {
254
+ display: @verticalLastArrowDisplay;
206
255
  }
207
256
 
208
257
 
@@ -214,10 +263,13 @@
214
263
  @media only screen and (max-width: (@largestMobileScreen)) {
215
264
 
216
265
  .ui.steps {
266
+ display: inline-flex;
217
267
  overflow: visible;
268
+ flex-direction: column;
218
269
  }
219
270
  .ui.steps .step {
220
- display: block;
271
+ width: 100% !important;
272
+ flex-direction: column;
221
273
  border-radius: @borderRadius;
222
274
  padding: @verticalPadding @horizontalPadding;
223
275
  }
@@ -231,7 +283,18 @@
231
283
 
232
284
  /* Arrow */
233
285
  .ui.steps .step:after {
234
- display: none;
286
+ display: none !important;
287
+ }
288
+
289
+ /* Content */
290
+ .ui.steps .step .content {
291
+ text-align: center;
292
+ }
293
+
294
+ /* Icon */
295
+ .ui.steps .step > .icon,
296
+ .ui.ordered.steps .step:before {
297
+ margin: 0em 0em @mobileIconDistance 0em;
235
298
  }
236
299
 
237
300
  }
@@ -274,6 +337,15 @@
274
337
  color: @activeIconColor;
275
338
  }
276
339
 
340
+ /* Active Arrow */
341
+ .ui.steps .step:after {
342
+ display: @arrowDisplay;
343
+ }
344
+ .ui.steps .active.step:after {
345
+ display: @activeArrowDisplay;
346
+ }
347
+
348
+
277
349
  /* Active Hover */
278
350
  .ui.steps .link.active.step:hover::after,
279
351
  .ui.steps .link.active.step:hover,
@@ -315,15 +387,18 @@
315
387
  Stackable
316
388
  ---------------*/
317
389
 
318
-
319
390
  /* Tablet Or Below */
320
- @media only screen and (min-width: @computerBreakpoint) {
391
+ @media only screen and (max-width: @computerBreakpoint) {
321
392
 
322
393
  .ui[class*="tablet stackable"].steps {
394
+ display: inline-flex;
323
395
  overflow: visible;
396
+ flex-direction: column;
324
397
  }
398
+
399
+ /* Steps */
325
400
  .ui[class*="tablet stackable"].steps .step {
326
- display: block;
401
+ flex-direction: column;
327
402
  border-radius: @borderRadius;
328
403
  padding: @verticalPadding @horizontalPadding;
329
404
  }
@@ -334,13 +409,24 @@
334
409
  .ui[class*="tablet stackable"].steps .step:last-child {
335
410
  border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
336
411
  }
412
+
337
413
  /* Arrow */
338
414
  .ui[class*="tablet stackable"].steps .step:after {
339
- display: none;
415
+ display: none !important;
340
416
  }
341
417
 
418
+ /* Content */
419
+ .ui[class*="tablet stackable"].steps .step .content {
420
+ text-align: center;
342
421
  }
343
422
 
423
+ /* Icon */
424
+ .ui[class*="tablet stackable"].steps .step > .icon,
425
+ .ui[class*="tablet stackable"].ordered.steps .step:before {
426
+ margin: 0em 0em @mobileIconDistance 0em;
427
+ }
428
+
429
+ }
344
430
 
345
431
  /*--------------
346
432
  Fluid
@@ -348,6 +434,7 @@
348
434
 
349
435
  /* Fluid */
350
436
  .ui.fluid.steps {
437
+ display: flex;
351
438
  width: 100%;
352
439
  }
353
440
 
@@ -356,26 +443,28 @@
356
443
  ---------------*/
357
444
 
358
445
  /* Top */
359
- .attached.ui.steps {
360
- margin: @attachedTopMargin;
446
+ .ui.attached.steps {
447
+ width: @attachedWidth !important;
448
+ margin: 0em @attachedHorizontalOffset @attachedVerticalOffset;
449
+ max-width: @attachedWidth;
361
450
  border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
362
451
  }
363
- .attached.ui.steps .step:first-child {
452
+ .ui.attached.steps .step:first-child {
364
453
  border-radius: @stepsBorderRadius 0em 0em 0em;
365
454
  }
366
- .attached.ui.steps .step:last-child {
455
+ .ui.attached.steps .step:last-child {
367
456
  border-radius: 0em @stepsBorderRadius 0em 0em;
368
457
  }
369
458
 
370
459
  /* Bottom */
371
- .bottom.attached.ui.steps {
372
- margin: @attachedBottomMargin;
460
+ .ui.bottom.attached.steps {
461
+ margin: @attachedVerticalOffset @attachedHorizontalOffset 0em;
373
462
  border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
374
463
  }
375
- .bottom.attached.ui.steps .step:first-child {
464
+ .ui.bottom.attached.steps .step:first-child {
376
465
  border-radius: 0em 0em 0em @stepsBorderRadius;
377
466
  }
378
- .bottom.attached.ui.steps .step:last-child {
467
+ .ui.bottom.attached.steps .step:last-child {
379
468
  border-radius: 0em 0em @stepsBorderRadius 0em;
380
469
  }
381
470
 
@@ -393,6 +482,16 @@
393
482
  .ui.eight.steps {
394
483
  width: 100%;
395
484
  }
485
+ .ui.one.steps > .step,
486
+ .ui.two.steps > .step,
487
+ .ui.three.steps > .step,
488
+ .ui.four.steps > .step,
489
+ .ui.five.steps > .step,
490
+ .ui.six.steps > .step,
491
+ .ui.seven.steps > .step,
492
+ .ui.eight.steps > .step {
493
+ flex-wrap: nowrap;
494
+ }
396
495
  .ui.one.steps > .step {
397
496
  width: 100%;
398
497
  }
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -47,6 +47,7 @@ html {
47
47
  body {
48
48
  margin: 0px;
49
49
  padding: 0px;
50
+ overflow-x: @pageOverflowX;
50
51
  min-width: @pageMinWidth;
51
52
  background: @pageBackground;
52
53
  font-family: @pageFont;
@@ -131,6 +132,7 @@ a {
131
132
  }
132
133
  a:hover {
133
134
  color: @linkHoverColor;
135
+ text-decoration: @linkHoverUnderline;
134
136
  }
135
137
 
136
138
  /*******************************