less-rails-semantic_ui 2.2.13.0 → 2.3.0.0

Sign up to get free protection for your applications and to get access to all the features.
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: