luda 0.1.11 → 0.1.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/javascripts/luda-degradation.js +2 -2
- data/assets/javascripts/luda-degradation.min.js +2 -2
- data/assets/javascripts/luda-sprockets.js +2 -2
- data/assets/javascripts/luda.js +719 -250
- data/assets/javascripts/luda.js.map +1 -1
- data/assets/javascripts/luda.min.js +3 -3
- data/assets/javascripts/luda.min.js.map +1 -1
- data/assets/javascripts/luda/behaviors/{enter-click.js → enter.js} +8 -6
- data/assets/javascripts/luda/behaviors/focus.js +14 -8
- data/assets/javascripts/luda/behaviors/readonly.js +4 -4
- data/assets/javascripts/luda/behaviors/{radio-tab.js → tabulate.js} +8 -6
- data/assets/javascripts/luda/behaviors/toggle.js +72 -18
- data/assets/javascripts/luda/dom.js +62 -0
- data/assets/javascripts/luda/elements/form-file.js +13 -4
- data/assets/javascripts/luda/elements/form-select.js +9 -5
- data/assets/javascripts/luda/event.js +11 -3
- data/assets/javascripts/luda/{component.js → factory.js} +149 -55
- data/assets/javascripts/luda/index.js +4 -4
- data/assets/javascripts/luda/install.js +2 -2
- data/assets/javascripts/luda/patterns/carousel.js +85 -59
- data/assets/javascripts/luda/patterns/dropdown.js +86 -68
- data/assets/javascripts/luda/patterns/form-dropdown.js +8 -8
- data/assets/javascripts/luda/patterns/tab.js +62 -23
- data/assets/javascripts/luda/static.js +224 -0
- data/assets/stylesheets/luda/_core/_functions.sass +11 -19
- data/assets/stylesheets/luda/_core/_variables.sass +140 -131
- data/assets/stylesheets/luda/_core/behaviors/_focus.sass +2 -2
- data/assets/stylesheets/luda/_core/elements/_button.sass +1 -1
- data/assets/stylesheets/luda/_core/elements/_grid.sass +0 -3
- data/assets/stylesheets/luda/_core/elements/_scrollbar.sass +8 -2
- data/assets/stylesheets/luda/_core/elements/form/_form-check-radio.sass +22 -31
- data/assets/stylesheets/luda/_core/elements/form/_form-element.sass +1 -1
- data/assets/stylesheets/luda/_core/elements/form/_form-helper.sass +19 -19
- data/assets/stylesheets/luda/_core/elements/form/_form-range.sass +19 -19
- data/assets/stylesheets/luda/_core/elements/form/_form-row.sass +43 -59
- data/assets/stylesheets/luda/_core/elements/typography/_quote.sass +1 -1
- data/assets/stylesheets/luda/_core/elements/typography/_typography.sass +9 -9
- data/assets/stylesheets/luda/_core/mixins/_dropdown.sass +8 -6
- data/assets/stylesheets/luda/_core/mixins/_form.sass +12 -12
- data/assets/stylesheets/luda/_core/mixins/_media-query.sass +12 -12
- data/assets/stylesheets/luda/_core/mixins/_typography.sass +4 -4
- data/assets/stylesheets/luda/_core/patterns/_breadcrumb.sass +2 -2
- data/assets/stylesheets/luda/_core/patterns/_button-group.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_button-icon.sass +2 -2
- data/assets/stylesheets/luda/_core/patterns/_carousel.sass +13 -13
- data/assets/stylesheets/luda/_core/patterns/_dropdown.sass +5 -1
- data/assets/stylesheets/luda/_core/patterns/_form-dropdown.sass +3 -3
- data/assets/stylesheets/luda/_core/patterns/_form-group.sass +11 -11
- data/assets/stylesheets/luda/_core/patterns/_form-icon.sass +13 -19
- data/assets/stylesheets/luda/_core/patterns/_navigation.sass +5 -5
- data/assets/stylesheets/luda/_core/patterns/_search-bar.sass +2 -2
- data/assets/stylesheets/luda/_core/patterns/_tab.sass +1 -3
- data/assets/stylesheets/luda/_core/utilities/_border.sass +15 -15
- data/assets/stylesheets/luda/_core/utilities/_color.sass +4 -1
- data/assets/stylesheets/luda/_core/utilities/_display.sass +1 -1
- data/assets/stylesheets/luda/_core/utilities/_flex.sass +3 -0
- data/assets/stylesheets/luda/_core/utilities/_shadow.sass +12 -12
- data/assets/stylesheets/luda/_core/utilities/_spacing.sass +227 -0
- data/assets/stylesheets/luda/_core/utilities/_visibility.sass +1 -1
- data/assets/stylesheets/luda/_default.sass +1 -1
- data/assets/stylesheets/luda/default/_banner.sass +2 -2
- data/assets/stylesheets/luda/default/index.sass +1 -1
- data/assets/stylesheets/luda/default/utilities/_border.sass +4 -4
- data/assets/stylesheets/luda/default/utilities/_shadow.sass +4 -4
- data/assets/stylesheets/luda/default/utilities/_spacing.sass +5 -0
- data/lib/luda/version.rb +1 -1
- metadata +9 -11
- data/assets/javascripts/luda/singleton.js +0 -77
- data/assets/stylesheets/luda/_core/patterns/_form-button.sass +0 -23
- data/assets/stylesheets/luda/_core/patterns/_nav.sass +0 -165
- data/assets/stylesheets/luda/default/patterns/_form-button.sass +0 -9
- data/assets/stylesheets/luda/default/patterns/_nav.sass +0 -10
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: luda
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.12
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- oatw
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-
|
11
|
+
date: 2019-04-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -42,25 +42,25 @@ files:
|
|
42
42
|
- assets/javascripts/luda.js.map
|
43
43
|
- assets/javascripts/luda.min.js
|
44
44
|
- assets/javascripts/luda.min.js.map
|
45
|
-
- assets/javascripts/luda/behaviors/enter
|
45
|
+
- assets/javascripts/luda/behaviors/enter.js
|
46
46
|
- assets/javascripts/luda/behaviors/focus.js
|
47
|
-
- assets/javascripts/luda/behaviors/radio-tab.js
|
48
47
|
- assets/javascripts/luda/behaviors/readonly.js
|
48
|
+
- assets/javascripts/luda/behaviors/tabulate.js
|
49
49
|
- assets/javascripts/luda/behaviors/toggle.js
|
50
|
-
- assets/javascripts/luda/component.js
|
51
50
|
- assets/javascripts/luda/constants.js
|
52
51
|
- assets/javascripts/luda/degradation.js
|
53
52
|
- assets/javascripts/luda/dom.js
|
54
53
|
- assets/javascripts/luda/elements/form-file.js
|
55
54
|
- assets/javascripts/luda/elements/form-select.js
|
56
55
|
- assets/javascripts/luda/event.js
|
56
|
+
- assets/javascripts/luda/factory.js
|
57
57
|
- assets/javascripts/luda/index.js
|
58
58
|
- assets/javascripts/luda/install.js
|
59
59
|
- assets/javascripts/luda/patterns/carousel.js
|
60
60
|
- assets/javascripts/luda/patterns/dropdown.js
|
61
61
|
- assets/javascripts/luda/patterns/form-dropdown.js
|
62
62
|
- assets/javascripts/luda/patterns/tab.js
|
63
|
-
- assets/javascripts/luda/
|
63
|
+
- assets/javascripts/luda/static.js
|
64
64
|
- assets/javascripts/luda/utilities.js
|
65
65
|
- assets/stylesheets/luda/_core/_base.sass
|
66
66
|
- assets/stylesheets/luda/_core/_functions.sass
|
@@ -111,12 +111,10 @@ files:
|
|
111
111
|
- assets/stylesheets/luda/_core/patterns/_button-icon.sass
|
112
112
|
- assets/stylesheets/luda/_core/patterns/_carousel.sass
|
113
113
|
- assets/stylesheets/luda/_core/patterns/_dropdown.sass
|
114
|
-
- assets/stylesheets/luda/_core/patterns/_form-button.sass
|
115
114
|
- assets/stylesheets/luda/_core/patterns/_form-dropdown.sass
|
116
115
|
- assets/stylesheets/luda/_core/patterns/_form-group.sass
|
117
116
|
- assets/stylesheets/luda/_core/patterns/_form-icon.sass
|
118
117
|
- assets/stylesheets/luda/_core/patterns/_modal.sass
|
119
|
-
- assets/stylesheets/luda/_core/patterns/_nav.sass
|
120
118
|
- assets/stylesheets/luda/_core/patterns/_navigation.sass
|
121
119
|
- assets/stylesheets/luda/_core/patterns/_search-bar.sass
|
122
120
|
- assets/stylesheets/luda/_core/patterns/_tab.sass
|
@@ -134,6 +132,7 @@ files:
|
|
134
132
|
- assets/stylesheets/luda/_core/utilities/_shape.sass
|
135
133
|
- assets/stylesheets/luda/_core/utilities/_size.sass
|
136
134
|
- assets/stylesheets/luda/_core/utilities/_space.sass
|
135
|
+
- assets/stylesheets/luda/_core/utilities/_spacing.sass
|
137
136
|
- assets/stylesheets/luda/_core/utilities/_text.sass
|
138
137
|
- assets/stylesheets/luda/_core/utilities/_visibility.sass
|
139
138
|
- assets/stylesheets/luda/_core/utilities/_z-index.sass
|
@@ -182,12 +181,10 @@ files:
|
|
182
181
|
- assets/stylesheets/luda/default/patterns/_button-icon.sass
|
183
182
|
- assets/stylesheets/luda/default/patterns/_carousel.sass
|
184
183
|
- assets/stylesheets/luda/default/patterns/_dropdown.sass
|
185
|
-
- assets/stylesheets/luda/default/patterns/_form-button.sass
|
186
184
|
- assets/stylesheets/luda/default/patterns/_form-dropdown.sass
|
187
185
|
- assets/stylesheets/luda/default/patterns/_form-group.sass
|
188
186
|
- assets/stylesheets/luda/default/patterns/_form-icon.sass
|
189
187
|
- assets/stylesheets/luda/default/patterns/_modal.sass
|
190
|
-
- assets/stylesheets/luda/default/patterns/_nav.sass
|
191
188
|
- assets/stylesheets/luda/default/patterns/_navigation.sass
|
192
189
|
- assets/stylesheets/luda/default/patterns/_search-bar.sass
|
193
190
|
- assets/stylesheets/luda/default/patterns/_tab.sass
|
@@ -205,6 +202,7 @@ files:
|
|
205
202
|
- assets/stylesheets/luda/default/utilities/_shape.sass
|
206
203
|
- assets/stylesheets/luda/default/utilities/_size.sass
|
207
204
|
- assets/stylesheets/luda/default/utilities/_space.sass
|
205
|
+
- assets/stylesheets/luda/default/utilities/_spacing.sass
|
208
206
|
- assets/stylesheets/luda/default/utilities/_text.sass
|
209
207
|
- assets/stylesheets/luda/default/utilities/_visibility.sass
|
210
208
|
- assets/stylesheets/luda/default/utilities/_z-index.sass
|
@@ -232,7 +230,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
232
230
|
version: '0'
|
233
231
|
requirements: []
|
234
232
|
rubyforge_project:
|
235
|
-
rubygems_version: 2.7.
|
233
|
+
rubygems_version: 2.7.7
|
236
234
|
signing_key:
|
237
235
|
specification_version: 4
|
238
236
|
summary: A lightweight and responsive UI framework for modern web development.
|
@@ -1,77 +0,0 @@
|
|
1
|
-
//= require ./install
|
2
|
-
//= require ./utilities
|
3
|
-
(function (global, factory) {
|
4
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./install.js'), require('./utilities.js')) :
|
5
|
-
typeof define === 'function' && define.amd ? define(['./install.js', './utilities.js'], factory) :
|
6
|
-
(factory());
|
7
|
-
}(this, (function () { 'use strict';
|
8
|
-
|
9
|
-
var Singleton;
|
10
|
-
|
11
|
-
luda(Singleton = (function() {
|
12
|
-
class Singleton {
|
13
|
-
static active() {
|
14
|
-
return this._actived = true;
|
15
|
-
}
|
16
|
-
|
17
|
-
static deactive() {
|
18
|
-
return this._actived = false;
|
19
|
-
}
|
20
|
-
|
21
|
-
static _add(selector) {
|
22
|
-
if (typeof selector !== 'string') {
|
23
|
-
throw new Error(this._SELECTOR_INVALID_ERROR);
|
24
|
-
}
|
25
|
-
if (!this._SELECTORS.includes(selector)) {
|
26
|
-
this._SELECTORS.push(selector);
|
27
|
-
}
|
28
|
-
return this._mergeSelectors();
|
29
|
-
}
|
30
|
-
|
31
|
-
static _remove(selector) {
|
32
|
-
if (typeof selector !== 'string') {
|
33
|
-
throw new Error(this._SELECTOR_INVALID_ERROR);
|
34
|
-
}
|
35
|
-
luda.except(selector, this._SELECTORS);
|
36
|
-
return this._mergeSelectors();
|
37
|
-
}
|
38
|
-
|
39
|
-
static _mergeSelectors() {
|
40
|
-
return this._selector = this._SELECTORS.join(',');
|
41
|
-
}
|
42
|
-
|
43
|
-
static _install() {
|
44
|
-
var exposed;
|
45
|
-
if (this === Singleton) {
|
46
|
-
return this;
|
47
|
-
}
|
48
|
-
if (!this.hasOwnProperty('_SELECTORS')) {
|
49
|
-
this._SELECTORS = [];
|
50
|
-
}
|
51
|
-
this._mergeSelectors();
|
52
|
-
if (typeof this._init === 'function') {
|
53
|
-
exposed = this._init();
|
54
|
-
}
|
55
|
-
if (exposed) {
|
56
|
-
return exposed;
|
57
|
-
} else {
|
58
|
-
return this;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
|
62
|
-
}
|
63
|
-
Singleton._SCOPE = 'Singleton';
|
64
|
-
|
65
|
-
Singleton._SELECTOR_INVALID_ERROR = '@param selector must be a css selector string';
|
66
|
-
|
67
|
-
Singleton._SELECTORS = [];
|
68
|
-
|
69
|
-
Singleton._selector = '';
|
70
|
-
|
71
|
-
Singleton._actived = true;
|
72
|
-
|
73
|
-
return Singleton;
|
74
|
-
|
75
|
-
}).call(this));
|
76
|
-
|
77
|
-
})));
|
@@ -1,23 +0,0 @@
|
|
1
|
-
+install(shared-collection-form-button)
|
2
|
-
|
3
|
-
.fm-btn
|
4
|
-
display: flex
|
5
|
-
|
6
|
-
.fm-btn .fm
|
7
|
-
flex-basis: 100%
|
8
|
-
|
9
|
-
.fm-btn .fm input,
|
10
|
-
.fm-btn .fm select,
|
11
|
-
.fm-btn .fm textarea
|
12
|
-
border-right: none
|
13
|
-
border-top-right-radius: 0
|
14
|
-
border-bottom-right-radius: 0
|
15
|
-
|
16
|
-
.fm-btn .btn,
|
17
|
-
.fm-btn .btn-check,
|
18
|
-
.fm-btn .btn-radio,
|
19
|
-
.fm-btn .btn-file
|
20
|
-
flex-shrink: 0
|
21
|
-
order: 1
|
22
|
-
border-top-left-radius: 0
|
23
|
-
border-bottom-left-radius: 0
|
@@ -1,165 +0,0 @@
|
|
1
|
-
+install(shared-collection-nav)
|
2
|
-
|
3
|
-
.nav-header,
|
4
|
-
.nav-aside
|
5
|
-
display: flex
|
6
|
-
align-items: center
|
7
|
-
width: 100%
|
8
|
-
padding: $nav-padding-rem
|
9
|
-
background: $nav-background
|
10
|
-
|
11
|
-
.nav-logo
|
12
|
-
flex: 0 0 auto
|
13
|
-
margin: $nav-logo-margin-rem
|
14
|
-
|
15
|
-
.nav-logo img,
|
16
|
-
.nav-logo svg
|
17
|
-
height: $nav-logo-image-height-rem
|
18
|
-
object-fit: contain
|
19
|
-
fill: $color-light
|
20
|
-
|
21
|
-
.nav-open
|
22
|
-
flex: 0 0 auto
|
23
|
-
margin: $nav-open-margin-rem
|
24
|
-
|
25
|
-
.nav-open.btn-text-light,
|
26
|
-
.nav-close.btn-text-light
|
27
|
-
color: $color-light
|
28
|
-
|
29
|
-
.nav-menu
|
30
|
-
position: fixed
|
31
|
-
top: 0
|
32
|
-
left: 0
|
33
|
-
z-index: $z-index-highest
|
34
|
-
flex-direction: column
|
35
|
-
width: 100%
|
36
|
-
height: 100%
|
37
|
-
overflow: auto
|
38
|
-
-webkit-overflow-scrolling: touch
|
39
|
-
background: $nav-background
|
40
|
-
|
41
|
-
.nav-menu.toggle-active
|
42
|
-
display: flex
|
43
|
-
|
44
|
-
.nav-close
|
45
|
-
flex: 0 0 auto
|
46
|
-
margin: $nav-close-margin-rem
|
47
|
-
|
48
|
-
.nav-search
|
49
|
-
flex: 0 0 auto
|
50
|
-
margin: $nav-search-margin-rem
|
51
|
-
|
52
|
-
.nav-items,
|
53
|
-
.nav-sub-items
|
54
|
-
display: flex
|
55
|
-
flex: 0 0 auto
|
56
|
-
flex-direction: column
|
57
|
-
|
58
|
-
.nav-items
|
59
|
-
margin: $nav-items-margin-rem
|
60
|
-
|
61
|
-
.nav-sub-items
|
62
|
-
margin: $nav-sub-items-margin-rem
|
63
|
-
|
64
|
-
.nav-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
|
65
|
-
.nav-sub-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
|
66
|
-
justify-content: flex-start
|
67
|
-
|
68
|
-
.nav-items .btn.btn-ico-right,
|
69
|
-
.nav-sub-items .btn.btn-ico-right
|
70
|
-
justify-content: space-between
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
.nav-header
|
75
|
-
box-shadow: $nav-header-box-shadow
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
.nav-aside
|
80
|
-
box-shadow: $nav-aside-box-shadow
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
+media-width($nav-width-breakpoint)
|
85
|
-
|
86
|
-
// sass-lint:disable no-duplicate-properties
|
87
|
-
.nav-header,
|
88
|
-
.nav-aside
|
89
|
-
position: -webkit-sticky
|
90
|
-
position: sticky
|
91
|
-
top: 0
|
92
|
-
// sass-lint:enable no-duplicate-properties
|
93
|
-
|
94
|
-
.nav-open,
|
95
|
-
.nav-close
|
96
|
-
display: none
|
97
|
-
|
98
|
-
.nav-header .nav-menu,
|
99
|
-
.nav-aside .nav-menu
|
100
|
-
display: flex
|
101
|
-
position: relative
|
102
|
-
z-index: $z-index-normal
|
103
|
-
background: none
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
.nav-header
|
108
|
-
z-index: $z-index-highest
|
109
|
-
|
110
|
-
.nav-header .nav-items,
|
111
|
-
.nav-header .nav-sub-items
|
112
|
-
flex-direction: row
|
113
|
-
align-items: center
|
114
|
-
|
115
|
-
.nav-header .nav-menu
|
116
|
-
flex: 1 1 100%
|
117
|
-
flex-direction: row
|
118
|
-
flex-wrap: wrap
|
119
|
-
align-items: center
|
120
|
-
overflow: visible
|
121
|
-
|
122
|
-
.nav-header .nav-search
|
123
|
-
flex: 0 0 auto
|
124
|
-
order: 1
|
125
|
-
width: $nav-header-breakpoint-search-width-rem
|
126
|
-
margin: $nav-header-breakpoint-search-margin-rem
|
127
|
-
|
128
|
-
.nav-header .nav-items
|
129
|
-
margin: $nav-header-breakpoint-items-margin-rem
|
130
|
-
|
131
|
-
.nav-header .nav-sub-items
|
132
|
-
order: 2
|
133
|
-
margin: $nav-header-breakpoint-sub-items-margin-rem
|
134
|
-
|
135
|
-
.nav-header .dropdown-menu
|
136
|
-
margin-left: 0
|
137
|
-
|
138
|
-
.nav-header .dropdown-items:not([class*=dropdown-static])
|
139
|
-
background: $nav-header-breakpoint-dropdown-background
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
.nav-aside
|
144
|
-
z-index: $z-index-much-higher
|
145
|
-
flex-direction: column
|
146
|
-
width: $nav-aside-breakpoint-min-width-rem
|
147
|
-
max-width: $nav-aside-breakpoint-max-width-rem
|
148
|
-
min-width: $nav-aside-breakpoint-min-width-rem
|
149
|
-
height: 100vh
|
150
|
-
padding: $nav-aside-breakpoint-padding-rem
|
151
|
-
overflow: auto
|
152
|
-
-webkit-overflow-scrolling: touch
|
153
|
-
box-shadow: $nav-aside-breakpoint-box-shadow
|
154
|
-
|
155
|
-
.nav-aside .nav-logo
|
156
|
-
margin: $nav-aside-breakpoint-logo-margin-rem
|
157
|
-
|
158
|
-
.nav-aside .nav-logo img,
|
159
|
-
.nav-aside .nav-logo svg
|
160
|
-
width: $nav-aside-breakpoint-logo-image-width-rem
|
161
|
-
height: $nav-aside-breakpoint-logo-image-height-rem
|
162
|
-
|
163
|
-
.nav-aside .nav-menu
|
164
|
-
flex: 0 0 auto
|
165
|
-
height: auto
|