less-rails-semantic_ui 2.2.13.0 → 2.3.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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.eot +0 -0
  3. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg +946 -2670
  4. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf +0 -0
  5. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff +0 -0
  6. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff2 +0 -0
  7. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +7 -7
  8. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +2 -2
  9. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +5 -2
  10. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +2 -0
  11. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +48 -10
  12. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +34 -42
  13. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +49 -12
  14. data/assets/javascripts/semantic_ui/definitions/modules/search.js +71 -18
  15. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +9 -0
  16. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +7 -2
  17. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1 -1
  18. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +1 -1
  19. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +2 -2
  20. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +4 -0
  21. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +35 -35
  22. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +1 -0
  23. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +14 -14
  24. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +8 -0
  25. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +1 -0
  26. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +22 -9
  27. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +1 -1
  28. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +16 -21
  29. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +1 -1
  30. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +1 -1
  31. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +34 -17
  32. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +1 -1
  33. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +1 -1
  34. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +20 -20
  35. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +1 -1
  36. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +7 -6
  37. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +4 -4
  38. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +2 -2
  39. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +4 -0
  40. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +1 -1
  41. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +1263 -879
  42. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +3 -3
  43. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +1 -1
  44. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +2 -1
  45. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +3 -3
  46. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +7 -2
  47. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +1 -1
  48. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +1 -1
  49. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +2 -2
  50. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +2 -5
  51. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +6 -6
  52. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +33 -29
  53. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +4 -3
  54. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +2 -2
  55. data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +8 -5
  56. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +54 -2
  57. data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
  58. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +1 -1
  59. data/assets/stylesheets/semantic_ui/themes/default/views/comment.variables +1 -1
  60. data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +4 -4
  61. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +1 -1
  62. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +4 -4
  63. data/lib/less/rails/semantic_ui/version.rb +1 -1
  64. metadata +4 -3
@@ -16,7 +16,7 @@
16
16
  @horizontalPadding: 0.833em;
17
17
  @borderRadius: @absoluteBorderRadius;
18
18
  @textTransform: none;
19
- @fontWeight: bold;
19
+ @fontWeight: @bold;
20
20
  @borderWidth: 1px;
21
21
  @border: 0px solid transparent;
22
22
 
@@ -45,7 +45,7 @@
45
45
  @imageHeight: (1em + @verticalPadding * 2);
46
46
 
47
47
  /* Detail */
48
- @detailFontWeight: bold;
48
+ @detailFontWeight: @bold;
49
49
  @detailOpacity: 0.8;
50
50
  @detailIconDistance: 0.25em;
51
51
  @detailMargin: 1em;
@@ -208,7 +208,7 @@
208
208
 
209
209
  /* Corner Text */
210
210
  @cornerTextWidth: 3em;
211
- @cornerTextWeight: bold;
211
+ @cornerTextWeight: @bold;
212
212
  @cornerTextSize: 1em;
213
213
 
214
214
  /* Horizontal */
@@ -52,7 +52,7 @@
52
52
 
53
53
  /* Header */
54
54
  @itemHeaderFontFamily: @headerFont;
55
- @itemHeaderFontWeight: bold;
55
+ @itemHeaderFontWeight: @bold;
56
56
  @itemHeaderColor: @textColor;
57
57
 
58
58
  /* Description */
@@ -10,8 +10,9 @@
10
10
  @bottomZIndex: 2;
11
11
  @topZIndex: 3;
12
12
  @activeZIndex: 4;
13
+ @overlayZIndex: 5;
13
14
 
14
15
  /* Types */
15
16
  @rotateDegrees: 110deg;
16
17
  @moveTransition: transform @transitionDuration @transitionEasing @transitionDelay;
17
- @slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;
18
+ @slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;
@@ -47,14 +47,14 @@
47
47
 
48
48
  /* Title */
49
49
  @titleFontFamily: @headerFont;
50
- @titleFontWeight: bold;
50
+ @titleFontWeight: @bold;
51
51
  @titleFontSize: @relativeLarge;
52
52
  @titleColor: @darkTextColor;
53
53
 
54
54
  /* Description */
55
55
  @descriptionDistance: 0.25em;
56
56
  @descriptionFontSize: @relativeSmall;
57
- @descriptionFontWeight: normal;
57
+ @descriptionFontWeight: @normal;
58
58
  @descriptionColor: @textColor;
59
59
 
60
60
 
@@ -98,7 +98,7 @@
98
98
  @attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
99
99
 
100
100
  @orderedFontFamily: inherit;
101
- @orderedFontWeight: bold;
101
+ @orderedFontWeight: @bold;
102
102
 
103
103
  /*-------------------
104
104
  States
@@ -20,6 +20,10 @@
20
20
  @googleProtocol : 'https://';
21
21
  @googleFontRequest : '@{googleFontName}:@{googleFontSizes}&subset=@{googleSubset}';
22
22
 
23
+
24
+ @bold : bold;
25
+ @normal : normal;
26
+
23
27
  /*-------------------
24
28
  Base Sizes
25
29
  --------------------*/
@@ -57,7 +61,7 @@
57
61
  Page Heading
58
62
  ---------------*/
59
63
 
60
- @headerFontWeight : bold;
64
+ @headerFontWeight : @bold;
61
65
  @headerLineHeight : unit((18 / 14), em);
62
66
 
63
67
  @h1 : unit((28 / 14), rem);
@@ -146,6 +150,7 @@
146
150
  @useCustomScrollbars: true;
147
151
 
148
152
  @customScrollbarWidth: 10px;
153
+ @customScrollbarHeight: 10px;
149
154
 
150
155
  @trackBackground: rgba(0, 0, 0, 0.1);
151
156
  @trackBorderRadius: 0px;
@@ -452,7 +457,7 @@
452
457
  @twitterColor : #55ACEE;
453
458
  @googlePlusColor : #DD4B39;
454
459
  @linkedInColor : #1F88BE;
455
- @youtubeColor : #CC181E;
460
+ @youtubeColor : #FF0000;
456
461
  @pinterestColor : #BD081C;
457
462
  @vkColor : #4D7198;
458
463
  @instagramColor : #49769C;
@@ -25,4 +25,4 @@
25
25
  .ui.accordion .title .dropdown.icon:before,
26
26
  .ui.accordion .accordion .title .dropdown.icon:before {
27
27
  content: '\f0da'/*rtl:'\f0d9'*/;
28
- }
28
+ }
@@ -74,7 +74,7 @@
74
74
  /* Styled Title */
75
75
  @styledTitleMargin: 0em;
76
76
  @styledTitlePadding: 0.75em 1em;
77
- @styledTitleFontWeight: bold;
77
+ @styledTitleFontWeight: @bold;
78
78
  @styledTitleColor: @unselectedTextColor;
79
79
  @styledTitleTransition: background-color @defaultDuration @defaultEasing;
80
80
  @styledTitleBorder: 1px solid @borderColor;
@@ -176,12 +176,12 @@
176
176
  @toggleHoverColor: @toggleFocusColor;
177
177
 
178
178
  @toggleOffLabelColor: @checkboxColor;
179
- @toggleOffHandleBoxShadow: none;
179
+ @toggleOffHandleBoxShadow: @handleBoxShadow;
180
180
 
181
181
  @toggleOnLabelColor: @selectedTextColor;
182
182
  @toggleOnLaneColor: @primaryColor;
183
183
 
184
- @toggleOnHandleBoxShadow: none;
184
+ @toggleOnHandleBoxShadow: @handleBoxShadow;
185
185
 
186
186
  @toggleOnFocusLaneColor: @primaryColorFocus;
187
187
  @toggleOnFocusLabelColor: @toggleOnLabelColor;
@@ -8,6 +8,7 @@
8
8
  @backgroundColor: rgba(0, 0, 0 , 0.85);
9
9
  @lineHeight: 1;
10
10
  @perspective: 2000px;
11
+ @padding: 1em;
11
12
 
12
13
  @duration: 0.5s;
13
14
  @transition:
@@ -29,10 +30,6 @@
29
30
  /* Hidden (Default) */
30
31
  @hiddenOpacity: 0;
31
32
 
32
- /* Content */
33
- @contentDisplay: table;
34
- @contentChildDisplay: table-cell;
35
-
36
33
  /* Visible */
37
34
  @visibleOpacity: 1;
38
35
 
@@ -58,4 +55,4 @@
58
55
  @simpleStartBackgroundColor: rgba(0, 0, 0, 0);
59
56
  @simpleEndBackgroundColor: @backgroundColor;
60
57
  @simpleInvertedStartBackgroundColor: rgba(255, 255, 255, 0);
61
- @simpleInvertedEndBackgroundColor: @invertedBackgroundColor;
58
+ @simpleInvertedEndBackgroundColor: @invertedBackgroundColor;
@@ -56,7 +56,7 @@
56
56
  @itemVerticalPadding: @mini;
57
57
  @itemHorizontalPadding: @large;
58
58
  @itemPadding: @itemVerticalPadding @itemHorizontalPadding;
59
- @itemFontWeight: normal;
59
+ @itemFontWeight: @normal;
60
60
  @itemLineHeight: 1em;
61
61
  @itemLineHeightOffset: (@itemLineHeight - 1em);
62
62
  @itemTextTransform: none;
@@ -74,7 +74,7 @@
74
74
  /* Menu Header */
75
75
  @menuHeaderColor: @darkTextColor;
76
76
  @menuHeaderFontSize: @relative11px;
77
- @menuHeaderFontWeight: bold;
77
+ @menuHeaderFontWeight: @bold;
78
78
  @menuHeaderTextTransform: uppercase;
79
79
  @menuHeaderMargin: 1rem 0rem 0.75rem;
80
80
  @menuHeaderPadding: 0em @itemHorizontalPadding;
@@ -112,7 +112,7 @@
112
112
 
113
113
  /* Message */
114
114
  @messagePadding: @selectionItemPadding;
115
- @messageFontWeight: normal;
115
+ @messageFontWeight: @normal;
116
116
  @messageColor: @unselectedTextColor;
117
117
 
118
118
  /* Floated Content */
@@ -198,7 +198,7 @@
198
198
  @selectionFocusMenuBoxShadow: @raisedShadow;
199
199
 
200
200
  /* Visible */
201
- @selectionVisibleTextFontWeight: normal;
201
+ @selectionVisibleTextFontWeight: @normal;
202
202
  @selectionVisibleTextColor: @hoveredTextColor;
203
203
 
204
204
  @selectionVisibleBorderColor: @focusedFormMutedBorderColor;
@@ -234,7 +234,7 @@
234
234
  /* Inline */
235
235
  @inlineIconMargin: 0em @relative7px 0em @relative3px;
236
236
  @inlineTextColor: inherit;
237
- @inlineTextFontWeight: bold;
237
+ @inlineTextFontWeight: @bold;
238
238
  @inlineMenuDistance: @relative3px;
239
239
  @inlineMenuBorderRadius: @borderRadius;
240
240
 
@@ -294,7 +294,7 @@
294
294
  @activeItemZIndex: @menuZIndex + 1;
295
295
  @activeItemBackground: transparent;
296
296
  @activeItemBoxShadow: none;
297
- @activeItemFontWeight: bold;
297
+ @activeItemFontWeight: @bold;
298
298
  @activeItemColor: @selectedTextColor;
299
299
 
300
300
  /* Selected */
@@ -33,7 +33,7 @@
33
33
  @headerColor: @darkTextColor;
34
34
  @headerFontSize: @huge;
35
35
  @headerBoxShadow: none;
36
- @headerFontWeight: bold;
36
+ @headerFontWeight: @bold;
37
37
  @headerFontFamily: @headerFont;
38
38
  @headerBorder: 1px solid @borderColor;
39
39
 
@@ -84,14 +84,14 @@
84
84
  @largeMonitorWidth: 900px;
85
85
  @widescreenMonitorWidth: 950px;
86
86
 
87
- @mobileMargin: 0em 0em 0em -(@mobileWidth / 2);
88
- @tabletMargin: 0em 0em 0em -(@tabletWidth / 2);
89
- @computerMargin: 0em 0em 0em -(@computerWidth / 2);
90
- @largeMonitorMargin: 0em 0em 0em -(@largeMonitorWidth / 2);
91
- @widescreenMonitorMargin: 0em 0em 0em -(@widescreenMonitorWidth / 2);
87
+ @mobileMargin: 0em 0em 0em 0em;
88
+ @tabletMargin: 0em 0em 0em 0em;
89
+ @computerMargin: 0em 0em 0em 0em;
90
+ @largeMonitorMargin: 0em 0em 0em 0em;
91
+ @widescreenMonitorMargin: 0em 0em 0em 0em;
92
92
 
93
93
  @fullScreenWidth: 95%;
94
- @fullScreenOffset: (100% - @fullScreenWidth) / 2;
94
+ @fullScreenOffset: 0em;
95
95
  @fullScreenMargin: 1em auto;
96
96
 
97
97
  /* Coupling */
@@ -117,9 +117,13 @@
117
117
  @basicInvertedModalColor: @textColor;
118
118
  @basicInvertedModalHeaderColor: @darkTextColor;
119
119
 
120
+ /* Top Aligned */
121
+ @topAlignedMargin: 5vh;
122
+ @mobileTopAlignedMargin: 1rem;
123
+
120
124
  /* Scrolling Margin */
121
- @scrollingMargin: 3.5rem;
122
- @mobileScrollingMargin: 1rem;
125
+ @scrollingMargin: 1rem;
126
+ @mobileScrollingMargin: @mobileTopAlignedMargin;
123
127
 
124
128
  /* Scrolling Content */
125
129
  @scrollingContentMaxHeight: calc(80vh - 10em);
@@ -142,11 +146,11 @@
142
146
  @miniLargeMonitorWidth: (@largeMonitorWidth * @miniRatio);
143
147
  @miniWidescreenMonitorWidth: (@widescreenMonitorWidth * @miniRatio);
144
148
 
145
- @miniMobileMargin: 0em 0em 0em -(@miniMobileWidth / 2);
146
- @miniTabletMargin: 0em 0em 0em -(@miniTabletWidth / 2);
147
- @miniComputerMargin: 0em 0em 0em -(@miniComputerWidth / 2);
148
- @miniLargeMonitorMargin: 0em 0em 0em -(@miniLargeMonitorWidth / 2);
149
- @miniWidescreenMonitorMargin: 0em 0em 0em -(@miniWidescreenMonitorWidth / 2);
149
+ @miniMobileMargin: 0em 0em 0em 0em;
150
+ @miniTabletMargin: 0em 0em 0em 0em;
151
+ @miniComputerMargin: 0em 0em 0em 0em;
152
+ @miniLargeMonitorMargin: 0em 0em 0em 0em;
153
+ @miniWidescreenMonitorMargin: 0em 0em 0em 0em;
150
154
 
151
155
  @tinyHeaderSize: 1.3em;
152
156
  @tinyMobileWidth: @mobileWidth;
@@ -155,11 +159,11 @@
155
159
  @tinyLargeMonitorWidth: (@largeMonitorWidth * @tinyRatio);
156
160
  @tinyWidescreenMonitorWidth: (@widescreenMonitorWidth * @tinyRatio);
157
161
 
158
- @tinyMobileMargin: 0em 0em 0em -(@tinyMobileWidth / 2);
159
- @tinyTabletMargin: 0em 0em 0em -(@tinyTabletWidth / 2);
160
- @tinyComputerMargin: 0em 0em 0em -(@tinyComputerWidth / 2);
161
- @tinyLargeMonitorMargin: 0em 0em 0em -(@tinyLargeMonitorWidth / 2);
162
- @tinyWidescreenMonitorMargin: 0em 0em 0em -(@tinyWidescreenMonitorWidth / 2);
162
+ @tinyMobileMargin: 0em 0em 0em 0em;
163
+ @tinyTabletMargin: 0em 0em 0em 0em;
164
+ @tinyComputerMargin: 0em 0em 0em 0em;
165
+ @tinyLargeMonitorMargin: 0em 0em 0em 0em;
166
+ @tinyWidescreenMonitorMargin: 0em 0em 0em 0em;
163
167
 
164
168
  @smallHeaderSize: 1.3em;
165
169
  @smallMobileWidth: @mobileWidth;
@@ -168,11 +172,11 @@
168
172
  @smallLargeMonitorWidth: (@largeMonitorWidth * @smallRatio);
169
173
  @smallWidescreenMonitorWidth: (@widescreenMonitorWidth * @smallRatio);
170
174
 
171
- @smallMobileMargin: 0em 0em 0em -(@smallMobileWidth / 2);
172
- @smallTabletMargin: 0em 0em 0em -(@smallTabletWidth / 2);
173
- @smallComputerMargin: 0em 0em 0em -(@smallComputerWidth / 2);
174
- @smallLargeMonitorMargin: 0em 0em 0em -(@smallLargeMonitorWidth / 2);
175
- @smallWidescreenMonitorMargin: 0em 0em 0em -(@smallWidescreenMonitorWidth / 2);
175
+ @smallMobileMargin: 0em 0em 0em 0em;
176
+ @smallTabletMargin: 0em 0em 0em 0em;
177
+ @smallComputerMargin: 0em 0em 0em 0em;
178
+ @smallLargeMonitorMargin: 0em 0em 0em 0em;
179
+ @smallWidescreenMonitorMargin: 0em 0em 0em 0em;
176
180
 
177
181
  @largeHeaderSize: 1.6em;
178
182
  @largeMobileWidth: @mobileWidth;
@@ -181,8 +185,8 @@
181
185
  @largeLargeMonitorWidth: (@largeMonitorWidth * @largeRatio);
182
186
  @largeWidescreenMonitorWidth: (@widescreenMonitorWidth * @largeRatio);
183
187
 
184
- @largeMobileMargin: 0em 0em 0em -(@largeMobileWidth / 2);
185
- @largeTabletMargin: 0em 0em 0em -(@largeTabletWidth / 2);
186
- @largeComputerMargin: 0em 0em 0em -(@largeComputerWidth / 2);
187
- @largeLargeMonitorMargin: 0em 0em 0em -(@largeLargeMonitorWidth / 2);
188
- @largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2);
188
+ @largeMobileMargin: 0em 0em 0em 0em;
189
+ @largeTabletMargin: 0em 0em 0em 0em;
190
+ @largeComputerMargin: 0em 0em 0em 0em;
191
+ @largeLargeMonitorMargin: 0em 0em 0em 0em;
192
+ @largeWidescreenMonitorMargin: 0em 0em 0em 0em;
@@ -17,8 +17,8 @@
17
17
 
18
18
  @verticalPadding: 0.833em;
19
19
  @horizontalPadding: 1em;
20
- @fontWeight: normal;
21
- @fontStyle: normal;
20
+ @fontWeight: @normal;
21
+ @fontStyle: @normal;
22
22
  @borderRadius: @defaultBorderRadius;
23
23
 
24
24
  /*-------------------
@@ -35,6 +35,7 @@
35
35
 
36
36
  /* Header */
37
37
  @headerFontFamily: @headerFont;
38
+ @headerFontWeight: @bold;
38
39
  @headerFontSize: @relativeLarge;
39
40
  @headerDistance: @relative7px;
40
41
  @headerLineHeight: 1.2;
@@ -43,7 +44,7 @@
43
44
  @border: @borderWidth solid @borderColor;
44
45
 
45
46
  /* Arrow */
46
- @arrowBackground: @white;
47
+ @arrowBackground: @background;
47
48
  @arrowZIndex: 2;
48
49
  @arrowJitter: 0.05em;
49
50
  @arrowOffset: -(@arrowSize / 2) + @arrowJitter;
@@ -42,7 +42,7 @@
42
42
  @progressOffset: -0.5em;
43
43
  @progressColor: @invertedLightTextColor;
44
44
  @progressTextShadow: none;
45
- @progressFontWeight: bold;
45
+ @progressFontWeight: @bold;
46
46
  @progressTextAlign: left;
47
47
 
48
48
  /* Label */
@@ -57,7 +57,7 @@
57
57
  @labelOffset: (@labelHeight - 1.3em);
58
58
  @labelColor: @textColor;
59
59
  @labelTextShadow: none;
60
- @labelFontWeight: bold;
60
+ @labelFontWeight: @bold;
61
61
  @labelTextAlign: center;
62
62
  @labelTransition: color 0.4s @defaultEasing;
63
63
 
@@ -20,6 +20,9 @@
20
20
  ;
21
21
  @promptBoxShadow: 0em 0em 0em 0em transparent inset;
22
22
 
23
+ /* Mobile */
24
+ @mobileMaxWidth: ~"calc(100vw - 2rem)";
25
+
23
26
  /* Result Box */
24
27
  @resultsWidth: 18em;
25
28
  @resultsBackground: #FFFFFF;
@@ -49,7 +52,7 @@
49
52
  /* Result Content */
50
53
  @resultTitleFont: @headerFont;
51
54
  @resultTitleMargin: -@headerLineHeightOffset 0em 0em;
52
- @resultTitleFontWeight: bold;
55
+ @resultTitleFontWeight: @bold;
53
56
  @resultTitleFontSize: @relativeMedium;
54
57
  @resultTitleColor: @darkTextColor;
55
58
 
@@ -66,7 +69,7 @@
66
69
  @messageVerticalPadding: 1em;
67
70
  @messageHorizontalPadding: 1em;
68
71
  @messageHeaderFontSize: @medium;
69
- @messageHeaderFontWeight: bold;
72
+ @messageHeaderFontWeight: @bold;
70
73
  @messageHeaderColor: @textColor;
71
74
  @messageDescriptionDistance: 0.25rem;
72
75
  @messageDescriptionFontSize: 1em;
@@ -77,7 +80,7 @@
77
80
  @actionBackground: @darkWhite;
78
81
  @actionPadding: @relativeSmall @relativeMedium;
79
82
  @actionColor: @textColor;
80
- @actionFontWeight: bold;
83
+ @actionFontWeight: @bold;
81
84
  @actionAlign: center;
82
85
 
83
86
 
@@ -152,7 +155,7 @@
152
155
  @categoryNameBackground: transparent;
153
156
  @categoryNameFont: @pageFont;
154
157
  @categoryNameFontSize: 1em;
155
- @categoryNameFloat: left;
158
+ @categoryNameWhitespace: nowrap;
156
159
  @categoryNamePadding: 0.4em 1em;
157
- @categoryNameFontWeight: bold;
160
+ @categoryNameFontWeight: @bold;
158
161
  @categoryNameColor: @lightTextColor;
@@ -776,6 +776,38 @@
776
776
  }
777
777
 
778
778
 
779
+ /*--------------
780
+ Zoom
781
+ ---------------*/
782
+
783
+ .transition.zoom.in {
784
+ animation-name: zoomIn;
785
+ }
786
+ .transition.zoom.out {
787
+ animation-name: zoomOut;
788
+ }
789
+ @keyframes zoomIn {
790
+ 0% {
791
+ opacity: 1;
792
+ transform: scale(0);
793
+ }
794
+ 100% {
795
+ opacity: 1;
796
+ transform: scale(1);
797
+ }
798
+ }
799
+ @keyframes zoomOut {
800
+ 0% {
801
+ opacity: 1;
802
+ transform: scale(1);
803
+ }
804
+ 100% {
805
+ opacity: 1;
806
+ transform: scale(0);
807
+ }
808
+ }
809
+
810
+
779
811
  /*******************************
780
812
  Static Animations
781
813
  *******************************/
@@ -784,6 +816,7 @@
784
816
  Emphasis
785
817
  ---------------*/
786
818
 
819
+
787
820
  .flash.transition {
788
821
  animation-duration: 750ms;
789
822
  animation-name: flash;
@@ -808,6 +841,14 @@
808
841
  animation-duration: 750ms;
809
842
  animation-name: jiggle;
810
843
  }
844
+ .transition.glow {
845
+ animation-duration: 2000ms;
846
+ animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
847
+ }
848
+ .transition.glow {
849
+ animation-name: glow;
850
+ }
851
+
811
852
 
812
853
  /* Flash */
813
854
  @keyframes flash {
@@ -881,7 +922,7 @@
881
922
 
882
923
  }
883
924
 
884
- /* Rubberband */
925
+ /* Jiggle */
885
926
  @keyframes jiggle {
886
927
  0% {
887
928
  transform: scale3d(1, 1, 1);
@@ -906,5 +947,16 @@
906
947
  }
907
948
  }
908
949
 
909
-
950
+ /* Glow */
951
+ @keyframes glow {
952
+ 0% {
953
+ background-color: #FCFCFD;
954
+ }
955
+ 30% {
956
+ background-color: #FFF6CD;
957
+ }
958
+ 100% {
959
+ background-color: #FCFCFD;
960
+ }
961
+ }
910
962
 
@@ -7,7 +7,7 @@
7
7
 
8
8
  @testBackground: @lightBlack;
9
9
  @testColor: @white;
10
- @testFontWeight: bold;
10
+ @testFontWeight: @bold;
11
11
  @testText: 'Ad';
12
12
  @testFontSize: @relativeMedium;
13
- @testMobileFontSize: @relativeTiny;
13
+ @testMobileFontSize: @relativeTiny;
@@ -71,7 +71,7 @@
71
71
 
72
72
  /* Header */
73
73
  @headerMargin: '';
74
- @headerFontWeight: bold;
74
+ @headerFontWeight: @bold;
75
75
  @headerFontSize: @relativeBig;
76
76
  @headerLineHeightOffset: -(@lineHeight - 1em) / 2;
77
77
  @headerColor: @darkTextColor;
@@ -48,7 +48,7 @@
48
48
  @authorFontSize: 1em;
49
49
  @authorColor: @textColor;
50
50
  @authorHoverColor: @linkHoverColor;
51
- @authorFontWeight: bold;
51
+ @authorFontWeight: @bold;
52
52
 
53
53
  /* Metadata */
54
54
  @metadataDisplay: inline-block;
@@ -54,13 +54,13 @@
54
54
  @datePadding: 0em;
55
55
  @dateColor: @lightTextColor;
56
56
  @dateFontSize: @relativeMedium;
57
- @dateFontWeight: normal;
58
- @dateFontStyle: normal;
57
+ @dateFontWeight: @normal;
58
+ @dateFontStyle: @normal;
59
59
 
60
60
  /* Summary */
61
61
  @summaryMargin: 0em;
62
62
  @summaryFontSize: @relativeMedium;
63
- @summaryFontWeight: bold;
63
+ @summaryFontWeight: @bold;
64
64
  @summaryColor: @textColor;
65
65
 
66
66
  /* Summary Image */
@@ -81,7 +81,7 @@
81
81
  @summaryDateColor: @dateColor;
82
82
 
83
83
  /* User */
84
- @userFontWeight: bold;
84
+ @userFontWeight: @bold;
85
85
  @userDistance: 0em;
86
86
  @userImageWidth: @summaryImageWidth;
87
87
  @userImageHeight: @summaryImageHeight;
@@ -68,7 +68,7 @@
68
68
 
69
69
  /* Header */
70
70
  @headerMargin: -@lineHeightOffset 0em 0em;
71
- @headerFontWeight: bold;
71
+ @headerFontWeight: @bold;
72
72
  @headerFontSize: @relativeBig;
73
73
  @headerColor: @darkTextColor;
74
74
 
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* Value */
27
27
  @valueFont: @pageFont;
28
- @valueFontWeight: normal;
28
+ @valueFontWeight: @normal;
29
29
  @valueLineHeight: 1em;
30
30
  @valueColor: @black;
31
31
  @valueTextTransform: uppercase;
@@ -35,7 +35,7 @@
35
35
  @topLabelDistance: 0rem;
36
36
  @bottomLabelDistance: 0rem;
37
37
  @labelFont: @headerFont;
38
- @labelFontWeight: bold;
38
+ @labelFontWeight: @bold;
39
39
  @labelColor: @textColor;
40
40
  @labelLineHeight: @relativeLarge;
41
41
  @labelTextTransform: uppercase;
@@ -43,7 +43,7 @@
43
43
  /* Text */
44
44
  @textValueLineHeight: 1em;
45
45
  @textValueMinHeight: 2em;
46
- @textValueFontWeight: bold;
46
+ @textValueFontWeight: @bold;
47
47
 
48
48
  /* Label Image */
49
49
  @imageHeight: 3rem;
@@ -95,4 +95,4 @@
95
95
 
96
96
  @hugeTextValueSize: 2.5rem;
97
97
  @hugeValueSize: 6rem;
98
- @hugeHorizontalValueSize: 5rem;
98
+ @hugeHorizontalValueSize: 5rem;
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module SemanticUI
4
- VERSION = '2.2.13.0'
4
+ VERSION = '2.3.0.0'
5
5
  end
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: less-rails-semantic_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.2.13.0
4
+ version: 2.3.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Maxim Dobryakov
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-08-11 00:00:00.000000000 Z
11
+ date: 2018-02-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails
@@ -2466,7 +2466,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2466
2466
  version: '0'
2467
2467
  requirements: []
2468
2468
  rubyforge_project:
2469
- rubygems_version: 2.6.12
2469
+ rubygems_version: 2.6.13
2470
2470
  signing_key:
2471
2471
  specification_version: 4
2472
2472
  summary: Semantic UI assets for Rails
@@ -2477,3 +2477,4 @@ test_files:
2477
2477
  - spec/dummy_app/init.rb
2478
2478
  - spec/generators/install_generator_spec.rb
2479
2479
  - spec/spec_helper.rb
2480
+ has_rdoc: