less-rails-semantic_ui 2.0.2.0 → 2.0.5.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 (45) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -2
  3. data/Appraisals +3 -3
  4. data/README.md +1 -1
  5. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +14 -1
  6. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +135 -91
  7. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +9 -6
  8. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +16 -3
  9. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +67 -20
  10. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +12 -10
  11. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +92 -59
  12. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +0 -1
  13. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +14 -11
  14. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +6 -3
  15. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +6 -1
  16. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +35 -15
  17. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +1 -2
  18. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +22 -11
  19. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +17 -20
  20. data/assets/stylesheets/semantic_ui/definitions/elements/container.less +1 -6
  21. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +1 -0
  22. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +13 -0
  23. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +2 -2
  24. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +20 -16
  25. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +35 -25
  26. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +2 -1
  27. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +99 -62
  28. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +1 -1
  29. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +7 -0
  30. data/assets/stylesheets/semantic_ui/themes/basic/elements/step.overrides +3 -0
  31. data/assets/stylesheets/semantic_ui/themes/basic/elements/step.variables +12 -4
  32. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +15 -3
  33. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +1 -1
  34. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +12 -11
  35. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +11 -2
  36. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +2 -0
  37. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +6 -5
  38. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +6 -3
  39. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +10 -9
  40. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +32 -11
  41. data/assets/stylesheets/semantic_ui/themes/github/elements/segment.variables +0 -1
  42. data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +7 -1
  43. data/less-rails-semantic_ui.gemspec +1 -1
  44. data/lib/less/rails/semantic_ui/version.rb +1 -1
  45. metadata +3 -3
@@ -174,7 +174,7 @@
174
174
  Actions
175
175
  ---------------*/
176
176
 
177
- .ui.modal .actions {
177
+ .ui.modal > .actions {
178
178
  background: @actionBackground;
179
179
  padding: @actionPadding;
180
180
  border-top: @actionBorder;
@@ -275,6 +275,13 @@
275
275
  max-width: @veryWideWidth;
276
276
  }
277
277
 
278
+ @media only screen and (max-width: @largestMobileScreen) {
279
+ .ui.wide.popup,
280
+ .ui[class*="very wide"].popup {
281
+ max-width: @maxWidth;
282
+ }
283
+ }
284
+
278
285
 
279
286
  /*--------------
280
287
  Fluid
@@ -4,4 +4,7 @@
4
4
 
5
5
  .ui.steps .step:after {
6
6
  display: none !important;
7
+ }
8
+ .ui.steps .step {
9
+ border-radius: 500px !important;
7
10
  }
@@ -2,9 +2,17 @@
2
2
  Step Variables
3
3
  --------------------*/
4
4
 
5
+ /* Stepss */
6
+ @stepsBorder: none;
7
+ @stepsBorderRadius: @circularRadius;
8
+
9
+ /* Step */
10
+ @border: none;
11
+ @divider: none;
5
12
  @background: transparent;
6
- @borderRadius: 500em;
7
- @boxShadow: none;
13
+ @borderRadius: @circularRadius;
14
+ @iconDistance: 0.8em;
15
+ @arrowDisplay: none;
8
16
 
9
- @activeBackground: #E5E5E5;
10
- @iconDistance: 0.8em;
17
+ @activeBackground: @midWhite;
18
+ @activeArrowDisplay: none;
@@ -2,13 +2,25 @@
2
2
  @checkboxActiveBackground: @primaryColor;
3
3
  @checkboxActiveBorderColor: @primaryColor;
4
4
  @checkboxActiveCheckColor: @white;
5
+
6
+ @checkboxActiveFocusBackground: @primaryColorFocus;
7
+ @checkboxActiveFocusBorderColor: @primaryColorFocus;
8
+ @checkboxActiveFocusCheckColor: @white;
9
+
5
10
  @checkboxTransition: none;
6
11
 
12
+ /* Radio */
13
+ @radioActiveBackground: @white;
14
+ @radioActiveBorderColor: @primaryColor;
15
+ @radioActiveBulletColor: @primaryColor;
16
+
17
+ @radioActiveFocusBackground: @white;
18
+ @radioActiveFocusBorderColor: @primaryColorFocus;
19
+ @radioActiveFocusBulletColor: @primaryColorFocus;
20
+
7
21
  /* Slider */
8
22
  @sliderOnLineColor: @primaryColor;
9
-
10
- /* Radio */
11
- @radioActiveBulletColor @primaryColor;
23
+ @sliderOnFocusLineColor: @primaryColorFocus;
12
24
 
13
25
  /* Handle */
14
26
  @handleBackground: @white @subtleGradient;
@@ -110,7 +110,7 @@
110
110
 
111
111
 
112
112
  /* Input Error */
113
- @inputErrorBorderRadius: @inputBorderRadius;
113
+ @inputErrorBorderRadius: '';
114
114
  @inputErrorBoxShadow: none;
115
115
 
116
116
  /* Dropdown Error */
@@ -2,21 +2,14 @@
2
2
  Menu
3
3
  *******************************/
4
4
 
5
-
6
- /*-------------------
7
- Globals Used
8
- --------------------*/
9
-
10
- // @textColor
11
- // @borderColor
12
- // @invertedUnselectedTextColor
13
-
14
5
  /*-------------------
15
6
  Collection
16
7
  --------------------*/
17
8
 
18
9
  /* Menu */
19
- @margin: 1em 0rem;
10
+ @verticalMargin: @medium;
11
+ @horizontalMargin: 0em;
12
+ @margin: @verticalMargin @horizontalMargin;
20
13
  @background: #FFFFFF;
21
14
  @fontFamily: @pageFont;
22
15
  @itemBackground: none;
@@ -419,8 +412,16 @@
419
412
  @floatedDistance: 0.5rem;
420
413
 
421
414
  /* Attached */
415
+ @attachedTopOffset: 0px;
416
+ @attachedBottomOffset: 0px;
417
+ @attachedHorizontalOffset: -@borderWidth;
418
+ @attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
422
419
  @attachedBoxShadow: none;
423
- @attachedWidth: ~"calc(100% + "@borderWidth * 2~")";
420
+ @attachedBorder: @borderWidth solid @solidBorderColor;
421
+ @attachedBottomBoxShadow:
422
+ @boxShadow,
423
+ @attachedBoxShadow
424
+ ;
424
425
 
425
426
  /* Sizes */
426
427
  @smallWidth: 13rem;
@@ -143,9 +143,16 @@
143
143
  ---------------*/
144
144
 
145
145
  /* Attached */
146
- @attachedHorizontalOffset: -1px;
146
+ @attachedTopOffset: 0px;
147
+ @attachedBottomOffset: 0px;
148
+ @attachedHorizontalOffset: -@borderWidth;
149
+ @attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
147
150
  @attachedBoxShadow: none;
148
- @attachedTableWidth: ~"calc(100% + "@attachedHorizontalOffset * -2~")";
151
+ @attachedBorder: @borderWidth solid @solidBorderColor;
152
+ @attachedBottomBoxShadow:
153
+ @boxShadow,
154
+ @attachedBoxShadow
155
+ ;
149
156
 
150
157
  /* Striped */
151
158
  @stripedBackground: rgba(0, 0, 50, 0.02);
@@ -194,8 +201,10 @@
194
201
  @invertedBorder: none;
195
202
  @invertedCellBorderColor: @whiteBorderColor;
196
203
  @invertedCellColor: @invertedTextColor;
204
+
197
205
  @invertedHeaderBackground: @veryStrongTransparentBlack;
198
206
  @invertedHeaderColor: @invertedTextColor;
207
+ @invertedHeaderBorderColor: @invertedCellBorderColor;
199
208
 
200
209
  @invertedDefinitionColumnBackground: @subtleTransparentWhite;
201
210
  @invertedDefinitionColumnColor: @invertedSelectedTextColor;
@@ -235,6 +235,8 @@ i.icon.cube:before { content: "\f1b2"; }
235
235
  i.icon.cubes:before { content: "\f1b3"; }
236
236
  i.icon.circle.notched:before { content: "\f1ce"; }
237
237
  i.icon.circle.thin:before { content: "\f1db"; }
238
+ i.icon.square.outline:before { content: "\f096"; }
239
+ i.icon.square:before { content: "\f0c8"; }
238
240
 
239
241
  /* Item Selection */
240
242
  i.icon.checkmark:before { content: "\f00c"; }
@@ -78,9 +78,7 @@
78
78
  @tallStackedPadding: @verticalPadding + (0.8em);
79
79
 
80
80
  /* Raised */
81
- @raisedBoxShadow:
82
- @floatingShadow
83
- ;
81
+ @raisedBoxShadow: @floatingShadow;
84
82
 
85
83
  /* Padded */
86
84
  @paddedSegmentPadding: 1.5em;
@@ -94,10 +92,13 @@
94
92
  @attachedBoxShadow: none;
95
93
  @attachedBorder: @borderWidth solid @solidBorderColor;
96
94
  @attachedBottomBoxShadow:
97
- @attachedBoxShadow,
98
- @subtleShadow
95
+ @boxShadow,
96
+ @attachedBoxShadow
99
97
  ;
100
98
 
99
+ /* Inverted */
100
+ @invertedBackground: @black;
101
+
101
102
  /* Floated */
102
103
  @floatedDistance: 1em;
103
104
 
@@ -29,7 +29,6 @@
29
29
  color @defaultDuration @defaultEasing,
30
30
  box-shadow @defaultDuration @defaultEasing
31
31
  ;
32
- @borderRadius: @defaultBorderRadius;
33
32
  @lineHeight: @relativeLarge;
34
33
  @alignItems: center;
35
34
  @justifyContent: center;
@@ -66,9 +65,11 @@
66
65
  @arrowBorderWidth: 0px @borderWidth @borderWidth 0px;
67
66
 
68
67
  @arrowDisplay: block;
69
- @activeArrowDisplay: block;
70
68
  @lastArrowDisplay: none;
71
69
 
70
+ @activeArrowDisplay: block;
71
+ @activeLastArrowDisplay: none;
72
+
72
73
  /* Mobile */
73
74
  @mobileIconDistance: @iconDistance;
74
75
 
@@ -83,8 +84,10 @@
83
84
  @verticalArrowBorderWidth: 0px @borderWidth @borderWidth 0px;
84
85
 
85
86
  @verticalArrowDisplay: none;
87
+ @verticalLastArrowDisplay: @verticalArrowDisplay;
88
+
86
89
  @verticalActiveArrowDisplay: block;
87
- @verticalLastArrowDisplay: block;
90
+ @verticalActiveLastArrowDisplay: block;
88
91
 
89
92
  /*-------------------
90
93
  Variations
@@ -456,15 +456,16 @@
456
456
 
457
457
  @circularRadius : 500rem;
458
458
 
459
- @borderColor : rgba(34, 36, 38, 0.15);
460
- @strongBorderColor : rgba(34, 36, 38, 0.22);
461
- @internalBorderColor : rgba(34, 36, 38, 0.1);
462
- @selectedBorderColor : rgba(34, 36, 38, 0.35);
463
- @disabledBorderColor : rgba(34, 36, 38, 0.5);
464
-
465
- @solidInternalBorderColor : #FAFAFA;
466
- @solidBorderColor : #D4D4D5;
467
- @solidSelectedBorderColor : #BCBDBD;
459
+ @borderColor : rgba(34, 36, 38, 0.15);
460
+ @strongBorderColor : rgba(34, 36, 38, 0.22);
461
+ @internalBorderColor : rgba(34, 36, 38, 0.1);
462
+ @selectedBorderColor : rgba(34, 36, 38, 0.35);
463
+ @strongSelectedBorderColor : rgba(34, 36, 38, 0.5);
464
+ @disabledBorderColor : rgba(34, 36, 38, 0.5);
465
+
466
+ @solidInternalBorderColor : #FAFAFA;
467
+ @solidBorderColor : #D4D4D5;
468
+ @solidSelectedBorderColor : #BCBDBD;
468
469
 
469
470
  @whiteBorderColor : rgba(255, 255, 255, 0.1);
470
471
  @selectedWhiteBorderColor : rgba(255, 255, 255, 0.8);
@@ -47,18 +47,23 @@
47
47
  @checkboxPressedColor: @selectedTextColor;
48
48
  @labelPressedColor: @selectedTextColor;
49
49
 
50
- /* Focused */
51
- @checkboxFocusedBackground: @offWhite;
52
- @checkboxFocusedBorderColor: @selectedBorderColor;
53
- @checkboxFocusedColor: @selectedTextColor;
54
- @labelFocusedColor: @selectedTextColor;
50
+ /* Focus */
51
+ @checkboxFocusBackground: @offWhite;
52
+ @checkboxFocusBorderColor: @selectedBorderColor;
53
+ @checkboxFocusCheckColor: @selectedTextColor;
54
+ @labelFocusColor: @selectedTextColor;
55
55
 
56
56
  /* Active */
57
+ @labelActiveColor: @selectedTextColor;
57
58
  @checkboxActiveBackground: @white;
58
59
  @checkboxActiveBorderColor: @selectedBorderColor;
59
- @checkboxActiveCheckOpacity: 1;
60
60
  @checkboxActiveCheckColor: @selectedTextColor;
61
- @labelActiveColor: @selectedTextColor;
61
+ @checkboxActiveCheckOpacity: 1;
62
+
63
+ /* Active Focus */
64
+ @checkboxActiveFocusBackground: @offWhite;
65
+ @checkboxActiveFocusBorderColor: @strongSelectedBorderColor;
66
+ @checkboxActiveFocusCheckColor: @selectedTextColor;
62
67
 
63
68
  /* Indeterminate */
64
69
  @checkboxIndeterminateBackground: @checkboxActiveBackground;
@@ -84,13 +89,19 @@
84
89
 
85
90
  @bulletTop: 1px;
86
91
  @bulletLeft: 0px;
87
- @bulletScale: (7 / 15); /* 8px as unitless value from radio size */
92
+ @bulletScale: (7 / 15); /* 7px as unitless value from radio size */
88
93
  @bulletColor: @textColor;
89
94
  @bulletRadius: @circularRadius;
90
95
 
91
- @radioActiveBackground: @white;
96
+ @radioFocusBackground: @checkboxFocusBackground;
97
+ @radioFocusBulletColor: @checkboxFocusCheckColor;
98
+
99
+ @radioActiveBackground: @checkboxActiveBackground;
92
100
  @radioActiveBulletColor: @checkboxActiveCheckColor;
93
101
 
102
+ @radioActiveFocusBackground: @checkboxActiveFocusBackground;
103
+ @radioActiveFocusBulletColor: @checkboxActiveFocusCheckColor;
104
+
94
105
  /* Slider & Toggle Handle */
95
106
  @handleBackground: @white @subtleGradient;
96
107
  @handleBoxShadow:
@@ -120,13 +131,19 @@
120
131
  @sliderLabelDistance: @sliderLineWidth + 1rem;
121
132
  @sliderOffLabelColor: @unselectedTextColor;
122
133
 
123
- @sliderOnLineColor: @lightBlack;
124
- @sliderOnLabelColor: @selectedTextColor;
125
134
  @sliderLabelLineHeight: 1rem;
126
135
 
136
+ /* Slider States */
127
137
  @sliderHoverLaneBackground: @veryStrongTransparentBlack;
128
138
  @sliderHoverLabelColor: @hoveredTextColor;
129
139
 
140
+ @sliderOnLineColor: @lightBlack;
141
+ @sliderOnLabelColor: @selectedTextColor;
142
+
143
+ @sliderOnFocusLineColor: @lightBlackFocus;
144
+ @sliderOnFocusLabelColor: @sliderOnLabelColor;
145
+
146
+
130
147
 
131
148
  /* Toggle */
132
149
  @toggleLaneWidth: 3.5rem;
@@ -158,9 +175,13 @@
158
175
  @toggleHoverColor: @toggleFocusColor;
159
176
 
160
177
  @toggleOffLabelColor: @checkboxColor;
178
+
161
179
  @toggleOnLabelColor: @selectedTextColor;
162
180
  @toggleOnLaneColor: @primaryColor;
163
181
 
182
+ @toggleOnFocusLaneColor: @primaryColorFocus;
183
+ @toggleOnFocusLabelColor: @toggleOnLabelColor;
184
+
164
185
 
165
186
 
166
187
  /*-------------------
@@ -13,7 +13,6 @@
13
13
  @verticalPadding: 20px;
14
14
  @horizontalPadding: 20px;
15
15
 
16
- @margin: 1em;
17
16
  @borderRadius: 4px;
18
17
 
19
18
  /*******************************
@@ -6,6 +6,11 @@
6
6
  @background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
7
7
  @verticalPadding: 1em;
8
8
 
9
+ @arrowDisplay: none;
10
+ @lastArrowDisplay: none;
11
+ @activeArrowDisplay: block;
12
+ @activeLastArrowDisplay: block;
13
+
9
14
  /* Group */
10
15
  @stepsBackground: #FFFFFF;
11
16
  @stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
@@ -17,4 +22,5 @@
17
22
  /* Arrow */
18
23
  @arrowTopOffset: 100%;
19
24
  @arrowRightOffset: 50%;
20
- @arrowBorderColor: rgba(0, 0, 0, 0.2);
25
+ @arrowBorderColor: rgba(0, 0, 0, 0.2);
26
+ @arrowBorderWidth: 0px 0px @borderWidth @borderWidth;
@@ -10,7 +10,7 @@ Gem::Specification.new do |spec|
10
10
  spec.email = ['maxim.dobryakov@gmail.com']
11
11
  spec.summary = %q{Semantic UI assets for Rails}
12
12
  spec.description = %q{This is a gem for Rails with Semantic UI assets inside.}
13
- spec.homepage = 'https://github.com/maxd/less-rails-semantic_ui'
13
+ spec.homepage = 'https://github.com/Semantic-Org/Semantic-UI-Rails-LESS'
14
14
  spec.license = 'MIT'
15
15
 
16
16
  spec.files = `git ls-files -z`.split("\x0")
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module SemanticUI
4
- VERSION = '2.0.2.0'
4
+ VERSION = '2.0.5.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.0.2.0
4
+ version: 2.0.5.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: 2015-07-10 00:00:00.000000000 Z
11
+ date: 2015-07-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails
@@ -540,7 +540,7 @@ files:
540
540
  - tasks/templates/semantic_ui.css.erb
541
541
  - tasks/templates/semantic_ui.js.erb
542
542
  - tasks/update.rake
543
- homepage: https://github.com/maxd/less-rails-semantic_ui
543
+ homepage: https://github.com/Semantic-Org/Semantic-UI-Rails-LESS
544
544
  licenses:
545
545
  - MIT
546
546
  metadata: {}