less-rails-semantic_ui 2.0.2.0 → 2.0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +2 -2
- data/Appraisals +3 -3
- data/README.md +1 -1
- data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +14 -1
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +135 -91
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +9 -6
- data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +16 -3
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +67 -20
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +12 -10
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +92 -59
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +0 -1
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +14 -11
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +6 -3
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +6 -1
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +35 -15
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +22 -11
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +17 -20
- data/assets/stylesheets/semantic_ui/definitions/elements/container.less +1 -6
- data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +1 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +13 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +2 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +20 -16
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +35 -25
- data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +2 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +99 -62
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +7 -0
- data/assets/stylesheets/semantic_ui/themes/basic/elements/step.overrides +3 -0
- data/assets/stylesheets/semantic_ui/themes/basic/elements/step.variables +12 -4
- data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +15 -3
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +12 -11
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +11 -2
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +2 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +6 -5
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +6 -3
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +10 -9
- data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +32 -11
- data/assets/stylesheets/semantic_ui/themes/github/elements/segment.variables +0 -1
- data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +7 -1
- data/less-rails-semantic_ui.gemspec +1 -1
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- metadata +3 -3
@@ -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:
|
7
|
-
@
|
13
|
+
@borderRadius: @circularRadius;
|
14
|
+
@iconDistance: 0.8em;
|
15
|
+
@arrowDisplay: none;
|
8
16
|
|
9
|
-
@activeBackground:
|
10
|
-
@
|
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;
|
@@ -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
|
-
@
|
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
|
-
@
|
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
|
-
@
|
146
|
+
@attachedTopOffset: 0px;
|
147
|
+
@attachedBottomOffset: 0px;
|
148
|
+
@attachedHorizontalOffset: -@borderWidth;
|
149
|
+
@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
|
147
150
|
@attachedBoxShadow: none;
|
148
|
-
@
|
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
|
-
@
|
98
|
-
@
|
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
|
-
@
|
90
|
+
@verticalActiveLastArrowDisplay: block;
|
88
91
|
|
89
92
|
/*-------------------
|
90
93
|
Variations
|
@@ -456,15 +456,16 @@
|
|
456
456
|
|
457
457
|
@circularRadius : 500rem;
|
458
458
|
|
459
|
-
@borderColor
|
460
|
-
@strongBorderColor
|
461
|
-
@internalBorderColor
|
462
|
-
@selectedBorderColor
|
463
|
-
@
|
464
|
-
|
465
|
-
|
466
|
-
@
|
467
|
-
@
|
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
|
-
/*
|
51
|
-
@
|
52
|
-
@
|
53
|
-
@
|
54
|
-
@
|
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
|
-
@
|
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); /*
|
92
|
+
@bulletScale: (7 / 15); /* 7px as unitless value from radio size */
|
88
93
|
@bulletColor: @textColor;
|
89
94
|
@bulletRadius: @circularRadius;
|
90
95
|
|
91
|
-
@
|
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
|
/*-------------------
|
@@ -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/
|
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")
|
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.
|
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-
|
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/
|
543
|
+
homepage: https://github.com/Semantic-Org/Semantic-UI-Rails-LESS
|
544
544
|
licenses:
|
545
545
|
- MIT
|
546
546
|
metadata: {}
|