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
@@ -0,0 +1,135 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/globals/reset.overrides
4
+ *= depend_on semantic_ui/config/globals/reset.variables
5
+ *= depend_on semantic_ui/config/globals/site.overrides
6
+ *= depend_on semantic_ui/config/globals/site.variables
7
+ *= depend_on semantic_ui/config/elements/container.overrides
8
+ *= depend_on semantic_ui/config/elements/container.variables
9
+ */
10
+
11
+ /*!
12
+ * # Semantic UI - Container
13
+ * http://github.com/semantic-org/semantic-ui/
14
+ *
15
+ *
16
+ * Copyright 2015 Contributors
17
+ * Released under the MIT license
18
+ * http://opensource.org/licenses/MIT
19
+ *
20
+ */
21
+
22
+ /*******************************
23
+ Theme
24
+ *******************************/
25
+
26
+ @type : 'element';
27
+ @element : 'container';
28
+
29
+ @import (multiple) 'semantic_ui/theme.config';
30
+
31
+ & {
32
+
33
+ /*******************************
34
+ Container
35
+ *******************************/
36
+
37
+
38
+ /* All Sizes */
39
+ .ui.container {
40
+ display: block;
41
+ max-width: @maxWidth !important;
42
+ }
43
+
44
+ /* Mobile */
45
+ @media only screen and (max-width: @largestMobileScreen) {
46
+ .ui.container {
47
+ width: @mobileWidth;
48
+ margin-left: @mobileGutter !important;
49
+ margin-right: @mobileGutter !important;
50
+ }
51
+ .ui.grid.container {
52
+ width: @mobileGridWidth !important;
53
+ }
54
+ }
55
+
56
+ /* Tablet */
57
+ @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
58
+ .ui.container {
59
+ width: @tabletWidth;
60
+ margin-left: @tabletGutter !important;
61
+ margin-right: @tabletGutter !important;
62
+ }
63
+ .ui.grid.container {
64
+ width: @tabletGridWidth !important;
65
+ }
66
+ }
67
+
68
+ /* Small Monitor */
69
+ @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
70
+ .ui.container {
71
+ width: @computerWidth;
72
+ margin-left: @computerGutter !important;
73
+ margin-right: @computerGutter !important;
74
+ }
75
+ .ui.grid.container {
76
+ width: @computerGridWidth !important;
77
+ }
78
+ }
79
+
80
+ /* Large Monitor */
81
+ @media only screen and (min-width: @largeMonitorBreakpoint) {
82
+ .ui.container {
83
+ width: @largeMonitorWidth;
84
+ margin-left: @largeMonitorGutter !important;
85
+ margin-right: @largeMonitorGutter !important;
86
+ }
87
+ .ui.grid.container {
88
+ width: @largeMonitorGridWidth !important;
89
+ }
90
+ }
91
+
92
+ /*******************************
93
+ Types
94
+ *******************************/
95
+
96
+
97
+ /* Text Container */
98
+ .ui.text.container {
99
+ font-family: @textFontFamily;
100
+ max-width: @textWidth !important;
101
+ line-height: @textLineHeight;
102
+ }
103
+
104
+ .ui.text.container {
105
+ font-size: @textSize;
106
+ }
107
+
108
+ /* Fluid */
109
+ .ui.fluid.container {
110
+ width: 100%;
111
+ }
112
+
113
+
114
+ /*******************************
115
+ Variations
116
+ *******************************/
117
+
118
+ .ui[class*="left aligned"].container {
119
+ text-align: left;
120
+ }
121
+ .ui[class*="center aligned"].container {
122
+ text-align: center;
123
+ }
124
+ .ui[class*="right aligned"].container {
125
+ text-align: right;
126
+ }
127
+ .ui.justified.container {
128
+ text-align: justify;
129
+ hyphens: auto;
130
+ }
131
+
132
+
133
+ .loadUIOverrides();
134
+
135
+ }
@@ -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
  *
@@ -71,7 +71,8 @@
71
71
  ---------------*/
72
72
 
73
73
  .ui.horizontal.divider {
74
- position: relative;
74
+ display: table;
75
+ white-space: nowrap;
75
76
 
76
77
  height: auto;
77
78
  margin: @horizontalMargin;
@@ -82,24 +83,19 @@
82
83
 
83
84
  .ui.horizontal.divider:before,
84
85
  .ui.horizontal.divider:after {
85
- position: absolute;
86
- top: 50%;
87
86
  content: '';
88
- z-index: 3;
89
-
90
- width: 50%;
87
+ display: table-cell;
88
+ position: relative;
91
89
  top: 50%;
92
- height: 0px;
93
-
94
- border-top: @shadowWidth solid @shadowColor;
95
- border-bottom: @highlightWidth solid @highlightColor;
90
+ width: 50%;
91
+ background-repeat: no-repeat;
96
92
  }
97
93
 
98
94
  .ui.horizontal.divider:before {
99
- margin-left: @horizontalRulerOffset;
95
+ background-position: right @horizontalDividerMargin top 50%;
100
96
  }
101
97
  .ui.horizontal.divider:after {
102
- margin-left: @horizontalDividerMargin;
98
+ background-position: left @horizontalDividerMargin top 50%;
103
99
  }
104
100
 
105
101
  /*--------------
@@ -146,42 +142,44 @@
146
142
 
147
143
  /* Inside grid */
148
144
  @media only screen and (max-width : (@tabletBreakpoint - 1px)) {
145
+
149
146
  .ui.stackable.grid .ui.vertical.divider,
150
147
  .ui.grid .stackable.row .ui.vertical.divider {
151
- position: relative;
152
- margin: @margin;
153
- left: 50%;
148
+ display: table;
149
+ white-space: nowrap;
154
150
  height: auto;
151
+ margin: @horizontalMargin;
155
152
  overflow: hidden;
156
153
  line-height: 1;
157
154
  text-align: center;
155
+ position: static;
156
+ top: 0;
157
+ left: 0;
158
+ transform: none;
158
159
  }
159
160
 
160
161
  .ui.stackable.grid .ui.vertical.divider:before,
161
162
  .ui.grid .stackable.row .ui.vertical.divider:before,
162
163
  .ui.stackable.grid .ui.vertical.divider:after,
163
164
  .ui.grid .stackable.row .ui.vertical.divider:after {
164
- position: absolute;
165
- top: 50%;
166
- left: auto;
165
+ position: static;
166
+ left: 0;
167
+ border-left: none;
167
168
  content: '';
168
- z-index: 3;
169
-
170
- width: 50%;
169
+ display: table-cell;
170
+ position: relative;
171
171
  top: 50%;
172
- height: 0px;
173
-
174
- border-top: @shadowWidth solid @shadowColor;
175
- border-bottom: @highlightWidth solid @highlightColor;
172
+ width: 50%;
173
+ background-repeat: no-repeat;
176
174
  }
177
175
 
178
176
  .ui.stackable.grid .ui.vertical.divider:before,
179
177
  .ui.grid .stackable.row .ui.vertical.divider:before {
180
- margin-left: -(50% + @horizontalDividerMargin);
178
+ background-position: right @horizontalDividerMargin top 50%;
181
179
  }
182
180
  .ui.stackable.grid .ui.vertical.divider:after,
183
181
  .ui.grid .stackable.row .ui.vertical.divider:after {
184
- margin-left: @horizontalDividerMargin;
182
+ background-position: left @horizontalDividerMargin top 50%;
185
183
  }
186
184
  }
187
185
 
@@ -207,6 +205,10 @@
207
205
  .ui.hidden.divider {
208
206
  border-color: transparent !important;
209
207
  }
208
+ .ui.hidden.divider:before,
209
+ .ui.hidden.divider:after {
210
+ display: none;
211
+ }
210
212
 
211
213
  /*--------------
212
214
  Inverted
@@ -221,9 +223,8 @@
221
223
  .ui.divider.inverted:after,
222
224
  .ui.divider.inverted:before {
223
225
  border-top-color: @invertedShadowColor !important;
224
- border-bottom-color: @invertedHighlightColor !important;
225
-
226
226
  border-left-color: @invertedShadowColor !important;
227
+ border-bottom-color: @invertedHighlightColor !important;
227
228
  border-right-color: @invertedHighlightColor !important;
228
229
  }
229
230
 
@@ -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
  *
@@ -59,8 +59,8 @@
59
59
 
60
60
  .ui.header .sub.header {
61
61
  font-weight: normal;
62
- margin: 0em;
63
62
  padding: 0em;
63
+ margin: @subHeaderMargin;
64
64
  font-size: @subHeaderFontSize;
65
65
  line-height: @subHeaderLineHeight;
66
66
  color: @subHeaderColor;
@@ -132,7 +132,7 @@
132
132
 
133
133
  .ui.header .ui.label {
134
134
  font-size: @labelSize;
135
- margin: 0em 0em 0em @labelDistance;
135
+ margin-left: @labelDistance;
136
136
  vertical-align: @labelVerticalAlign;
137
137
  }
138
138
 
@@ -193,19 +193,19 @@ h5.ui.header .sub.header {
193
193
 
194
194
  .ui.huge.header {
195
195
  min-height: 1em;
196
- font-size: @huge;
196
+ font-size: @hugeFontSize;
197
197
  }
198
198
  .ui.large.header {
199
- font-size: @large;
199
+ font-size: @largeFontSize;
200
200
  }
201
201
  .ui.medium.header {
202
- font-size: @medium;
202
+ font-size: @mediumFontSize;
203
203
  }
204
204
  .ui.small.header {
205
- font-size: @small;
205
+ font-size: @smallFontSize;
206
206
  }
207
207
  .ui.tiny.header {
208
- font-size: @tiny;
208
+ font-size: @tinyFontSize;
209
209
  }
210
210
 
211
211
  /* Sub Header */
@@ -225,6 +225,34 @@ h5.ui.header .sub.header {
225
225
  font-size: @tinySubHeaderFontSize;
226
226
  }
227
227
 
228
+ /*--------------
229
+ Sub Heading
230
+ ---------------*/
231
+
232
+ .ui.sub.header {
233
+ padding: 0em;
234
+ margin-bottom: @subHeadingDistance;
235
+ font-weight: @subHeadingFontWeight;
236
+ font-size: @subHeadingFontSize;
237
+ text-transform: @subHeadingTextTransform;
238
+ color: @subHeadingColor;
239
+ }
240
+
241
+ .ui.small.sub.header {
242
+ font-size: @smallSubHeadingSize;
243
+ }
244
+ .ui.sub.header {
245
+ font-size: @subHeadingFontSize;
246
+ }
247
+ .ui.large.sub.header {
248
+ font-size: @largeSubHeadingSize;
249
+ }
250
+ .ui.huge.sub.header {
251
+ font-size: @hugeSubHeadingSize;
252
+ }
253
+
254
+
255
+
228
256
  /*-------------------
229
257
  Icon
230
258
  --------------------*/
@@ -250,6 +278,7 @@ h5.ui.header .sub.header {
250
278
  display: block;
251
279
  width: auto;
252
280
  height: auto;
281
+ line-height: 1;
253
282
  padding: 0em;
254
283
  font-size: @iconHeaderSize;
255
284
  margin: 0em auto @iconHeaderMargin;
@@ -286,133 +315,154 @@ h5.ui.header .sub.header {
286
315
  Variations
287
316
  *******************************/
288
317
 
289
-
290
318
  /*-------------------
291
- Colors
319
+ Inverted
292
320
  --------------------*/
293
321
 
294
- .ui.black.header {
295
- color: @black !important;
322
+ .ui.inverted.header {
323
+ color: @invertedColor;
324
+ }
325
+ .ui.inverted.header .sub.header {
326
+ color: @invertedSubHeaderColor;
296
327
  }
297
- a.ui.black.header:hover {
298
- color: @blackHover !important;
328
+ .ui.inverted.attached.header {
329
+ background: @invertedAttachedBackground;
330
+ box-shadow: none;
331
+ border-color: transparent;
332
+ }
333
+ .ui.inverted.block.header {
334
+ background: @invertedBlockBackground;
335
+ box-shadow: none;
336
+ }
337
+ .ui.inverted.block.header {
338
+ border-bottom: none;
299
339
  }
300
340
 
301
- .ui.blue.header {
302
- color: @blue !important;
341
+
342
+ /*-------------------
343
+ Colors
344
+ --------------------*/
345
+
346
+ /*--- Red ---*/
347
+ .ui.red.header {
348
+ color: @red !important;
303
349
  }
304
- a.ui.blue.header:hover {
305
- color: @blueHover !important;
350
+ a.ui.red.header:hover {
351
+ color: @redHover !important;
352
+ }
353
+ .ui.red.dividing.header {
354
+ border-bottom: @dividedColoredBorderWidth solid @red;
306
355
  }
307
356
 
308
- .ui.green.header {
309
- color: @green !important;
357
+ /* Inverted */
358
+ .ui.inverted.red.header {
359
+ color: @lightRed !important;
310
360
  }
311
- a.ui.green.header:hover {
312
- color: @greenHover !important;
361
+ a.ui.inverted.red.header:hover {
362
+ color: @lightRedHover !important;
313
363
  }
314
364
 
365
+ /*--- Orange ---*/
315
366
  .ui.orange.header {
316
367
  color: @orange !important;
317
368
  }
318
369
  a.ui.orange.header:hover {
319
370
  color: @orangeHover !important;
320
371
  }
321
-
322
- .ui.pink.header {
323
- color: @pink !important;
324
- }
325
- a.ui.pink.header:hover {
326
- color: @pinkHover !important;
372
+ .ui.orange.dividing.header {
373
+ border-bottom: @dividedColoredBorderWidth solid @orange;
327
374
  }
328
-
329
- .ui.purple.header {
330
- color: @purple !important;
375
+ /* Inverted */
376
+ .ui.inverted.orange.header {
377
+ color: @lightOrange !important;
331
378
  }
332
- a.ui.purple.header:hover {
333
- color: @purpleHover !important;
379
+ a.ui.inverted.orange.header:hover {
380
+ color: @lightOrangeHover !important;
334
381
  }
335
382
 
336
- .ui.red.header {
337
- color: @red !important;
383
+ /*--- Olive ---*/
384
+ .ui.olive.header {
385
+ color: @olive !important;
338
386
  }
339
- a.ui.red.header:hover {
340
- color: @redHover !important;
387
+ a.ui.olive.header:hover {
388
+ color: @oliveHover !important;
341
389
  }
342
-
343
- .ui.teal.header {
344
- color: @teal !important;
390
+ .ui.olive.dividing.header {
391
+ border-bottom: @dividedColoredBorderWidth solid @olive;
345
392
  }
346
- a.ui.teal.header:hover {
347
- color: @tealHover !important;
393
+ /* Inverted */
394
+ .ui.inverted.olive.header {
395
+ color: @lightOlive !important;
396
+ }
397
+ a.ui.inverted.olive.header:hover {
398
+ color: @lightOliveHover !important;
348
399
  }
349
400
 
401
+ /*--- Yellow ---*/
350
402
  .ui.yellow.header {
351
403
  color: @yellow !important;
352
404
  }
353
405
  a.ui.yellow.header:hover {
354
406
  color: @yellowHover !important;
355
407
  }
356
-
357
- .ui.black.dividing.header {
358
- border-bottom: @dividedColoredBorderWidth solid @blackDividedBorderColor;
359
- }
360
- .ui.blue.dividing.header {
361
- border-bottom: @dividedColoredBorderWidth solid @blueDividedBorderColor;
408
+ .ui.yellow.dividing.header {
409
+ border-bottom: @dividedColoredBorderWidth solid @yellow;
362
410
  }
363
- .ui.green.dividing.header {
364
- border-bottom: @dividedColoredBorderWidth solid @greenDividedBorderColor;
411
+ /* Inverted */
412
+ .ui.inverted.yellow.header {
413
+ color: @lightYellow !important;
365
414
  }
366
- .ui.orange.dividing.header {
367
- border-bottom: @dividedColoredBorderWidth solid @orangeDividedBorderColor;
415
+ a.ui.inverted.yellow.header:hover {
416
+ color: @lightYellowHover !important;
368
417
  }
369
- .ui.pink.dividing.header {
370
- border-bottom: @dividedColoredBorderWidth solid @pinkDividedBorderColor;
418
+
419
+ /*--- Green ---*/
420
+ .ui.green.header {
421
+ color: @green !important;
371
422
  }
372
- .ui.purple.dividing.header {
373
- border-bottom: @dividedColoredBorderWidth solid @purpleDividedBorderColor;
423
+ a.ui.green.header:hover {
424
+ color: @greenHover !important;
374
425
  }
375
- .ui.red.dividing.header {
376
- border-bottom: @dividedColoredBorderWidth solid @redDividedBorderColor;
426
+ .ui.green.dividing.header {
427
+ border-bottom: @dividedColoredBorderWidth solid @green;
377
428
  }
378
- .ui.teal.dividing.header {
379
- border-bottom: @dividedColoredBorderWidth solid @tealDividedBorderColor;
429
+ /* Inverted */
430
+ .ui.inverted.green.header {
431
+ color: @lightGreen !important;
380
432
  }
381
- .ui.yellow.dividing.header {
382
- border-bottom: @dividedColoredBorderWidth solid @yellowDividedBorderColor;
433
+ a.ui.inverted.green.header:hover {
434
+ color: @lightGreenHover !important;
383
435
  }
384
436
 
385
- /*-------------------
386
- Inverted
387
- --------------------*/
388
-
389
- .ui.inverted.header {
390
- color: @invertedColor;
437
+ /*--- Teal ---*/
438
+ .ui.teal.header {
439
+ color: @teal !important;
391
440
  }
392
- .ui.inverted.header .sub.header {
393
- color: @invertedSubHeaderColor;
441
+ a.ui.teal.header:hover {
442
+ color: @tealHover !important;
394
443
  }
395
- .ui.inverted.attached.header {
396
- background: @invertedAttachedBackground;
397
- box-shadow: none;
444
+ .ui.teal.dividing.header {
445
+ border-bottom: @dividedColoredBorderWidth solid @teal;
398
446
  }
399
- .ui.inverted.block.header {
400
- background: @invertedBlockBackground;
401
- box-shadow: none;
447
+ /* Inverted */
448
+ .ui.inverted.teal.header {
449
+ color: @lightTeal !important;
450
+ }
451
+ a.ui.inverted.teal.header:hover {
452
+ color: @lightTealHover !important;
402
453
  }
403
454
 
404
-
405
- /*-------------------
406
- Inverted Colors
407
- --------------------*/
408
-
409
- .ui.inverted.black.header {
410
- color: @darkGrey !important;
455
+ /*--- Blue ---*/
456
+ .ui.blue.header {
457
+ color: @blue !important;
458
+ }
459
+ a.ui.blue.header:hover {
460
+ color: @blueHover !important;
411
461
  }
412
- a.ui.inverted.black.header:hover {
413
- color: @darkGreyHover !important;
462
+ .ui.blue.dividing.header {
463
+ border-bottom: @dividedColoredBorderWidth solid @blue;
414
464
  }
415
-
465
+ /* Inverted */
416
466
  .ui.inverted.blue.header {
417
467
  color: @lightBlue !important;
418
468
  }
@@ -420,27 +470,35 @@ a.ui.inverted.blue.header:hover {
420
470
  color: @lightBlueHover !important;
421
471
  }
422
472
 
423
- .ui.inverted.green.header {
424
- color: @lightGreen !important;
473
+ /*--- Violet ---*/
474
+ .ui.violet.header {
475
+ color: @violet !important;
425
476
  }
426
- a.ui.inverted.green.header:hover {
427
- color: @lightGreenHover !important;
477
+ a.ui.violet.header:hover {
478
+ color: @violetHover !important;
428
479
  }
429
-
430
- .ui.inverted.orange.header {
431
- color: @lightOrange !important;
480
+ .ui.violet.dividing.header {
481
+ border-bottom: @dividedColoredBorderWidth solid @violet;
432
482
  }
433
- a.ui.inverted.orange.header:hover {
434
- color: @lightOrangeHover !important;
483
+ /* Inverted */
484
+ .ui.inverted.violet.header {
485
+ color: @lightViolet !important;
486
+ }
487
+ a.ui.inverted.violet.header:hover {
488
+ color: @lightVioletHover !important;
435
489
  }
436
490
 
437
- .ui.inverted.pink.header {
438
- color: @lightPink !important;
491
+ /*--- Purple ---*/
492
+ .ui.purple.header {
493
+ color: @purple !important;
439
494
  }
440
- a.ui.inverted.pink.header:hover {
441
- color: @lightPinkHover !important;
495
+ a.ui.purple.header:hover {
496
+ color: @purpleHover !important;
442
497
  }
443
-
498
+ .ui.purple.dividing.header {
499
+ border-bottom: @dividedColoredBorderWidth solid @purple;
500
+ }
501
+ /* Inverted */
444
502
  .ui.inverted.purple.header {
445
503
  color: @lightPurple !important;
446
504
  }
@@ -448,30 +506,60 @@ a.ui.inverted.purple.header:hover {
448
506
  color: @lightPurpleHover !important;
449
507
  }
450
508
 
451
- .ui.inverted.red.header {
452
- color: @lightRed !important;
509
+ /*--- Pink ---*/
510
+ .ui.pink.header {
511
+ color: @pink !important;
453
512
  }
454
- a.ui.inverted.red.header:hover {
455
- color: @lightRedHover !important;
513
+ a.ui.pink.header:hover {
514
+ color: @pinkHover !important;
456
515
  }
457
-
458
- .ui.inverted.teal.header {
459
- color: @lightTeal !important;
516
+ .ui.pink.dividing.header {
517
+ border-bottom: @dividedColoredBorderWidth solid @pink;
460
518
  }
461
- a.ui.inverted.teal.header:hover {
462
- color: @lightTealHover !important;
519
+ /* Inverted */
520
+ .ui.inverted.pink.header {
521
+ color: @lightPink !important;
522
+ }
523
+ a.ui.inverted.pink.header:hover {
524
+ color: @lightPinkHover !important;
463
525
  }
464
526
 
465
- .ui.inverted.yellow.header {
466
- color: @lightYellow !important;
527
+ /*--- Brown ---*/
528
+ .ui.brown.header {
529
+ color: @brown !important;
467
530
  }
468
- a.ui.inverted.yellow.header:hover {
469
- color: @lightYellowHover !important;
531
+ a.ui.brown.header:hover {
532
+ color: @brownHover !important;
533
+ }
534
+ .ui.brown.dividing.header {
535
+ border-bottom: @dividedColoredBorderWidth solid @brown;
536
+ }
537
+ /* Inverted */
538
+ .ui.inverted.brown.header {
539
+ color: @lightBrown !important;
540
+ }
541
+ a.ui.inverted.brown.header:hover {
542
+ color: @lightBrownHover !important;
470
543
  }
471
544
 
472
- .ui.inverted.block.header {
473
- border-bottom: none;
545
+ /*--- Grey ---*/
546
+ .ui.grey.header {
547
+ color: @grey !important;
548
+ }
549
+ a.ui.grey.header:hover {
550
+ color: @greyHover !important;
551
+ }
552
+ .ui.grey.dividing.header {
553
+ border-bottom: @dividedColoredBorderWidth solid @grey;
474
554
  }
555
+ /* Inverted */
556
+ .ui.inverted.grey.header {
557
+ color: @lightGrey !important;
558
+ }
559
+ a.ui.inverted.grey.header:hover {
560
+ color: @lightGreyHover !important;
561
+ }
562
+
475
563
 
476
564
  /*-------------------
477
565
  Aligned
@@ -605,19 +693,19 @@ a.ui.inverted.yellow.header:hover {
605
693
 
606
694
  /* Attached Sizes */
607
695
  .ui.tiny.attached.header {
608
- font-size: @tinyAttached;
696
+ font-size: @tinyAttachedSize;
609
697
  }
610
698
  .ui.small.attached.header {
611
- font-size: @smallAttached;
699
+ font-size: @smallAttachedSize;
612
700
  }
613
701
  .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
614
- font-size: @mediumAttached;
702
+ font-size: @mediumAttachedSize;
615
703
  }
616
704
  .ui.large.attached.header {
617
- font-size: @largeAttached;
705
+ font-size: @largeAttachedSize;
618
706
  }
619
707
  .ui.huge.attached.header {
620
- font-size: @hugeAttached;
708
+ font-size: @hugeAttachedSize;
621
709
  }
622
710
 
623
711
  /*-------------------
@@ -625,7 +713,7 @@ a.ui.inverted.yellow.header:hover {
625
713
  --------------------*/
626
714
 
627
715
  .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
628
- font-size: @medium;
716
+ font-size: @mediumFontSize;
629
717
  }
630
718
 
631
719
  .loadUIOverrides();