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
@@ -6,22 +6,18 @@
6
6
  View
7
7
  --------------------*/
8
8
 
9
- @display: inline-block;
10
9
  @margin: 1em 0em;
11
10
  @textAlign: center;
12
- @maxWidth: 175px;
11
+ @maxWidth: auto;
13
12
 
14
13
  /* Group */
15
- @groupDisplay: block;
16
- @groupMargin: 1em -@horizontalSpacing;
17
- @horizontalSpacing: 1em;
14
+ @horizontalSpacing: 1.5em;
18
15
  @rowSpacing: 2em;
16
+ @groupMargin: 1em -@horizontalSpacing -@rowSpacing;
19
17
 
20
18
  /* Group Element */
21
- @elementFloat: left;
22
- @elementDisplay: block;
23
19
  @elementMargin: 0em @horizontalSpacing @rowSpacing;
24
- @elementMaxWidth: 175px;
20
+ @elementMaxWidth: @maxWidth;
25
21
 
26
22
  /*-------------------
27
23
  Content
@@ -35,18 +31,19 @@
35
31
  @valueTextTransform: uppercase;
36
32
 
37
33
  /* Label */
38
- @labelSize: 1rem;
34
+ @labelSize: @relativeMedium;
39
35
  @topLabelDistance: 0rem;
40
- @bottomLabelDistance: 0.25rem;
36
+ @bottomLabelDistance: 0rem;
41
37
  @labelFont: @headerFont;
42
- @labelFontWeight: normal;
43
- @labelColor: @unselectedTextColor;
44
- @labelLineHeight: 1.33em;
45
- @labelTextTransform: none;
38
+ @labelFontWeight: bold;
39
+ @labelColor: @textColor;
40
+ @labelLineHeight: @relativeLarge;
41
+ @labelTextTransform: uppercase;
46
42
 
47
43
  /* Text */
48
- @textLabelLineHeight: 1em;
49
- @textLabelMinHeight: 2em;
44
+ @textValueLineHeight: 1em;
45
+ @textValueMinHeight: 2em;
46
+ @textValueFontWeight: bold;
50
47
 
51
48
  /* Label Image */
52
49
  @imageHeight: 3rem;
@@ -68,30 +65,34 @@
68
65
  @rightFloatedMargin: 0em 0em 1em 2em;
69
66
 
70
67
  /* Inverted */
71
- @invertedValueColor: @invertedTextColor;
72
- @invertedLabelColor: @invertedLightTextColor;
68
+ @invertedValueColor: @white;
69
+ @invertedLabelColor: @invertedTextColor;
70
+
71
+ /* Item Width */
72
+ @itemGroupMargin: 0em 0em -@rowSpacing;
73
+ @itemMargin: 0em 0em @rowSpacing;
73
74
 
74
75
  /* Size */
76
+ @miniTextValueSize: 1rem;
75
77
  @miniValueSize: 1.5rem;
76
- @miniTextLabelSize: 1rem;
77
78
  @miniHorizontalValueSize: 1.5rem;
78
79
 
80
+ @tinyTextValueSize: 1rem;
79
81
  @tinyValueSize: 2rem;
80
- @tinyTextLabelSize: 1rem;
81
82
  @tinyHorizontalValueSize: 2rem;
82
83
 
84
+ @smallTextValueSize: 1rem;
83
85
  @smallValueSize: 3rem;
84
- @smallTextLabelSize: 1.5rem;
85
86
  @smallHorizontalValueSize: 2rem;
86
87
 
88
+ @textValueSize: 2rem;
87
89
  @valueSize: 4rem;
88
- @textLabelSize: 2rem;
89
90
  @horizontalValueSize: 3rem;
90
91
 
92
+ @largeTextValueSize: 2.5rem;
91
93
  @largeValueSize: 5rem;
92
- @largeTextLabelSize: 2.5rem;
93
94
  @largeHorizontalValueSize: 4rem;
94
95
 
96
+ @hugeTextValueSize: 2.5rem;
95
97
  @hugeValueSize: 6rem;
96
- @hugeTextLabelSize: 2.5rem;
97
98
  @hugeHorizontalValueSize: 5rem;
@@ -18,6 +18,10 @@
18
18
  border-bottom: 1px solid #DDDDDD;
19
19
  border-radius: 0em !important;
20
20
  }
21
+ .ui.form .selection.dropdown > .menu {
22
+ border-top-width: 1px !important;
23
+ border-radius: @defaultBorderRadius !important;
24
+ }
21
25
 
22
26
  .ui.form .ui.icon.input > .icon {
23
27
  width: 1em;
@@ -14,13 +14,12 @@
14
14
  @fieldMargin: 0em 0em 1em;
15
15
 
16
16
  /* Form Label */
17
- @labelFontSize: 0.7857em;
17
+ @labelFontSize: @relative11px;
18
18
  @labelTextTransform: uppercase;
19
19
 
20
20
  @groupedLabelTextTransform: none;
21
21
 
22
22
  /* Input */
23
- @inputVerticalPadding: 0.7857em;
24
23
  @inputHorizontalPadding: 0.5em;
25
24
  @inputBackground: transparent;
26
25
  @inputBorder: none;
@@ -63,6 +63,7 @@
63
63
  @linkColor : #009FDA;
64
64
  @linkUnderline : none;
65
65
  @linkHoverColor : lighten( @linkColor, 5);
66
+ @linkHoverUnderline : @linkUnderline;
66
67
 
67
68
  @highlightBackground : #FFFFCC;
68
69
  @highlightColor : @textColor;
@@ -12,7 +12,7 @@
12
12
  @inputBorderRadius: 3px;
13
13
 
14
14
  @labelFontWeight: bold;
15
- @labelMargin: 6px;
15
+ @labelDistance: 6px;
16
16
 
17
17
  /*-------------------
18
18
  States
@@ -2,29 +2,24 @@
2
2
  Collection
3
3
  --------------------*/
4
4
 
5
- @verticalPadding : 1em;
6
- @horizontalPadding : 1.25em;
5
+ @itemVerticalPadding: 1em;
6
+ @itemHorizontalPadding: 1.25em;
7
7
 
8
- @background : #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
9
- @fontWeight : normal;
8
+ @background: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
9
+ @fontWeight: normal;
10
10
 
11
- @activeBorderSize : 0em;
11
+ @activeBorderSize: 0em;
12
12
 
13
- @hoverBackground : rgba(0, 0, 0, 0.02);
14
- @downBackground : rgba(0, 0, 0, 0.06);
13
+ @hoverBackground: rgba(0, 0, 0, 0.02);
14
+ @downBackground: rgba(0, 0, 0, 0.06);
15
15
 
16
- @activeBackground : rgba(0, 0, 0, 0.04);
17
- @activeHoverBackground : rgba(0, 0, 0, 0.04);
16
+ @activeBackground: rgba(0, 0, 0, 0.04);
17
+ @activeHoverBackground: rgba(0, 0, 0, 0.04);
18
18
 
19
- @boxShadow :
20
- 0px 1px 2px 0px rgba(0, 0, 0, 0.15),
21
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05)
22
- ;
23
19
 
24
20
  @headerBackground: rgba(0, 0, 0, 0.08);
25
21
 
26
- @subMenuMargin: 1em;
27
- @subMenuFontSize: 0.9rem;
22
+ @subMenuMargin: 0.5em -0.6em 0;
28
23
  @subMenuHorizontalPadding: 0.7em;
29
24
 
30
25
  @arrowHoverColor: #EEEEEE;
@@ -31,9 +31,9 @@
31
31
  0 1px 3px rgba(0, 0, 0, 0.05)
32
32
  ;
33
33
 
34
- @hoverBackgroundColor: '';
34
+ @hoverBackgroundColor: #E0E0E0;
35
35
  @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
36
- @hoverBoxShadow: '';
36
+ @hoverBoxShadow: @boxShadow;
37
37
 
38
38
  @downBackgroundColor: '';
39
39
  @downBackgroundImage: '';
@@ -3,12 +3,12 @@
3
3
  --------------------*/
4
4
 
5
5
  /* Step */
6
- @background: linear-gradient(transparent, rgba(0, 0, 0, 0.07));
6
+ @background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
7
7
  @verticalPadding: 1em;
8
8
 
9
9
  /* Group */
10
10
  @stepsBackground: #FFFFFF;
11
- @stepsBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
11
+ @stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
12
12
 
13
13
  /* States */
14
14
  @activeBackground: #FFFFFF;
@@ -0,0 +1,12 @@
1
+ /*******************************
2
+ Overrides
3
+ *******************************/
4
+
5
+
6
+ @import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);
7
+
8
+ .ui.cards > .card,
9
+ .ui.card {
10
+ font-family: 'Montserrat';
11
+ font-size-adjust: 0.5;
12
+ }
@@ -0,0 +1,23 @@
1
+ /*******************************
2
+ Card
3
+ *******************************/
4
+
5
+ /*-------------------
6
+ View
7
+ --------------------*/
8
+
9
+ @borderBoxShadow: none;
10
+ @shadowBoxShadow: none;
11
+ @boxShadow: none;
12
+
13
+
14
+ @internalBorderColor: #EDEDEE;
15
+ @border: 1px solid #EDEDEE;
16
+
17
+ @contentPadding: 14px 20px;
18
+
19
+ @metaColor: #A5A7AA;
20
+
21
+ @linkHoverRaiseDistance: 0px;
22
+ @linkHoverBoxShadow: none;
23
+ @linkHoverBorder: 1px solid #D0D0D8;
@@ -0,0 +1 @@
1
+ @import url(http://fonts.googleapis.com/css?family=Roboto);
@@ -0,0 +1,10 @@
1
+ /*******************************
2
+ Menu
3
+ *******************************/
4
+
5
+ @fontFamily: 'Roboto', Arial, sans-serif;
6
+ @boxShadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
7
+ @dividerSize: 0px;
8
+
9
+ @itemVerticalPadding: @relativeLarge;
10
+ @itemHorizontaPadding: @relativeLarge;
@@ -3,6 +3,7 @@
3
3
  .ui.button {
4
4
  min-width: 72px;
5
5
  }
6
+ .ui.circular.button,
6
7
  .ui.buttons .button {
7
8
  min-width: 0px;
8
9
  }
@@ -13,7 +13,7 @@
13
13
 
14
14
  @verticalPadding : 0.8em;
15
15
  @horizontalPadding : 0.8em;
16
- @borderRadius : 0.153846153em;
16
+ @borderRadius : @relative2px;
17
17
  @color : #222222;
18
18
  @fontWeight : normal;
19
19
  @textTransform : none;
@@ -28,11 +28,11 @@
28
28
  @shadowBoxShadow: 0px 0px 0px 0px transparent;
29
29
 
30
30
  @transition:
31
- opacity 0.3s @transitionEasing,
32
- background-color 0.3s @transitionEasing,
33
- color 0.3s @transitionEasing,
34
- box-shadow 0.3s @transitionEasing,
35
- background 0.3s @transitionEasing
31
+ opacity 0.3s @defaultEasing,
32
+ background-color 0.3s @defaultEasing,
33
+ color 0.3s @defaultEasing,
34
+ box-shadow 0.3s @defaultEasing,
35
+ background 0.3s @defaultEasing
36
36
  ;
37
37
  /*-------------------
38
38
  State
@@ -56,6 +56,7 @@
56
56
  Variations
57
57
  --------------------*/
58
58
 
59
+ /* Basic */
59
60
  @basicBorderSize: 0px;
60
61
  @basicBorderRadius: 4px;
61
62
  @basicColoredBorderSize: 1px;
@@ -67,21 +68,28 @@
67
68
  @basicActiveBackground: #FFFFFF;
68
69
  @basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
69
70
 
71
+ /* Labeled */
70
72
  @labeledIconBackgroundColor: transparent;
71
73
  @labeledIconWidth: 2em;
72
74
 
75
+ /* Colored */
73
76
  @coloredBackgroundImage : @subtleGradient;
74
77
  @coloredBoxShadow : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
75
78
 
79
+ /* Primary */
76
80
  @primaryColor : #4184F3;
77
81
  @primaryBoxShadow : 0px 0px 0px 1px #0157E4 inset;
78
82
 
83
+ /* Secondary */
79
84
  @secondaryColor : #EEEEEE;
80
85
  @secondaryBackgroundImage : @backgroundImage;
81
86
  @secondaryTextColor : @textColor;
82
87
  @secondaryBoxShadow : @borderBoxShadow;
83
88
 
89
+ /* Emotive */
84
90
  @positiveColor: #3D9400;
85
91
  @negativeColor: #D34836;
92
+
93
+ /* Inverted */
86
94
  @invertedBorderSize: 1px;
87
95
 
@@ -102,6 +102,7 @@
102
102
  @linkColor : #009FDA;
103
103
  @linkUnderline : none;
104
104
  @linkHoverColor : lighten(@linkColor, 5);
105
+ @linkHoverUnderline : @linkUnderline;
105
106
 
106
107
  /*-------------------
107
108
  Highlighted Text
@@ -115,5 +116,5 @@
115
116
  --------------------*/
116
117
 
117
118
  /* 4px @ default em */
118
- @relativeBorderRadius: 0.2857em;
119
- @absoluteBorderRadius: 2px;
119
+ @relativeBorderRadius: @relative4px;
120
+ @absoluteBorderRadius: 4px;
@@ -0,0 +1,5 @@
1
+ @import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
2
+
3
+ .ui.dropdown {
4
+ font-family: 'Roboto';
5
+ }
@@ -0,0 +1,20 @@
1
+ /*******************************
2
+ Menu
3
+ *******************************/
4
+
5
+ @menuBorderRadius: @borderRadius;
6
+ @menuBorderColor: #DADADA;
7
+ @menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
8
+
9
+ @menuPadding: @relative8px 0em;
10
+ @itemVerticalPadding: 1em;
11
+ @itemHorizontalPadding: 1.5em;
12
+
13
+ @menuHeaderFontSize: @small;
14
+ @menuHeaderFontWeight: bold;
15
+ @menuHeaderTextTransform: none;
16
+
17
+ @selectionBorderEmWidth: 0em;
18
+ @selectionItemDivider: none;
19
+
20
+ @labelBoxShadow: none;
@@ -19,9 +19,9 @@
19
19
 
20
20
  /* transition box shadow as well */
21
21
  @transition:
22
- opacity @transitionDuration @transitionEasing,
23
- background-color @transitionDuration @transitionEasing,
24
- box-shadow @transitionDuration @transitionEasing,
25
- color @transitionDuration @transitionEasing,
26
- background @transitionDuration @transitionEasing
22
+ opacity @defaultDuration @defaultEasing,
23
+ background-color @defaultDuration @defaultEasing,
24
+ box-shadow @defaultDuration @defaultEasing,
25
+ color @defaultDuration @defaultEasing,
26
+ background @defaultDuration @defaultEasing
27
27
  ;
@@ -22,7 +22,7 @@
22
22
  /* Icon */
23
23
  @iconOpacity: 0.8;
24
24
  @iconDistance: 0.4em;
25
- @iconTransition: opacity @transitionDuration @transitionEasing;
25
+ @iconTransition: opacity @defaultDuration @defaultEasing;
26
26
  @iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
27
27
  @iconVerticalAlign: top;
28
28
 
@@ -9,6 +9,10 @@
9
9
  border-left-color: transparent;
10
10
  }
11
11
 
12
+ .ui.feed > .event > .label {
13
+ margin-left: 1.6em;
14
+ }
15
+
12
16
  .ui.feed > .event > .label > img,
13
17
  .ui.feed > .event > .label > .icon {
14
18
  background-color: #009FDA;
@@ -21,15 +25,3 @@
21
25
  opacity: 1;
22
26
  position: relative;
23
27
  }
24
-
25
- .ui.feed > .event > .content {
26
- display: block;
27
- border-left: 3px solid #ddd;
28
- padding-bottom: 2em;
29
- padding-left: 4em;
30
- }
31
- .ui.feed > .event > .label + .content {
32
- display: table-cell;
33
- border-left: medium none;
34
- margin-left: 0;
35
- }
@@ -6,15 +6,15 @@
6
6
  Elements
7
7
  --------------------*/
8
8
 
9
- @eventMargin: 0em 0em 0em 2em;
9
+ @eventMargin: 0em;
10
10
  @eventDivider: none;
11
11
  @eventPadding: 0em;
12
12
 
13
13
  /* Event Label */
14
14
  @labelWidth: 3em;
15
- @labelHeight: 3em;
15
+ @labelHeight: auto;
16
16
 
17
- @labeledContentPadding: 0.75em 0em 2em 0.75em;
17
+ @labeledContentMargin: 0.75em 0em 2em 0.75em;
18
18
 
19
19
  /* Icon */
20
20
  @iconLabelBackground: @primaryColor;
@@ -34,7 +34,3 @@
34
34
  /*-------------------
35
35
  Variations
36
36
  --------------------*/
37
-
38
- /* Size */
39
- @small: 0.9em;
40
- @medium: 1em;