luda 0.1.12 → 0.1.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE +21 -0
  3. data/README.md +52 -3
  4. data/assets/javascripts/luda-degradation.js +1 -1
  5. data/assets/javascripts/luda-degradation.js.map +1 -1
  6. data/assets/javascripts/luda-degradation.min.js +1 -1
  7. data/assets/javascripts/luda-degradation.min.js.map +1 -1
  8. data/assets/javascripts/luda-sprockets.js +1 -1
  9. data/assets/javascripts/luda.js +84 -71
  10. data/assets/javascripts/luda.js.map +1 -1
  11. data/assets/javascripts/luda.min.js +2 -2
  12. data/assets/javascripts/luda.min.js.map +1 -1
  13. data/assets/javascripts/luda/behaviors/readonly.js +13 -5
  14. data/assets/javascripts/luda/elements/form-file.js +11 -6
  15. data/assets/javascripts/luda/index.js +3 -3
  16. data/assets/javascripts/luda/install.js +1 -1
  17. data/assets/stylesheets/luda/_core/_variables.sass +2 -2
  18. data/assets/stylesheets/luda/_core/behaviors/_disabled.sass +2 -7
  19. data/assets/stylesheets/luda/_core/behaviors/_readonly.sass +4 -6
  20. data/assets/stylesheets/luda/_core/elements/_icon.sass +1 -1
  21. data/assets/stylesheets/luda/_core/mixins/_button.sass +2 -0
  22. data/assets/stylesheets/luda/_core/mixins/_disabled.sass +10 -0
  23. data/assets/stylesheets/luda/_core/patterns/_carousel.sass +7 -7
  24. data/assets/stylesheets/luda/_core/utilities/{_align.sass → _alignment.sass} +1 -1
  25. data/assets/stylesheets/luda/_core/utilities/_flex.sass +4 -4
  26. data/assets/stylesheets/luda/_default.sass +27 -27
  27. data/assets/stylesheets/luda/default/_banner.sass +1 -1
  28. data/assets/stylesheets/luda/default/_mixins.sass +1 -0
  29. data/assets/stylesheets/luda/default/elements/_button.sass +1 -0
  30. data/assets/stylesheets/luda/default/index.sass +27 -27
  31. data/assets/stylesheets/luda/default/patterns/_button-group.sass +1 -0
  32. data/assets/stylesheets/luda/default/patterns/_navigation.sass +0 -1
  33. data/assets/stylesheets/luda/default/utilities/_alignment.sass +5 -0
  34. data/lib/luda/version.rb +1 -1
  35. metadata +8 -9
  36. data/MIT-LICENSE +0 -20
  37. data/assets/stylesheets/luda/_core/utilities/_space.sass +0 -227
  38. data/assets/stylesheets/luda/default/utilities/_align.sass +0 -5
  39. data/assets/stylesheets/luda/default/utilities/_space.sass +0 -5
@@ -1,7 +1,7 @@
1
1
  //= require ./behaviors/enter
2
2
  //= require ./behaviors/focus
3
- //= require ./behaviors/tabulate
4
3
  //= require ./behaviors/readonly
4
+ //= require ./behaviors/tabulate
5
5
  //= require ./behaviors/toggle
6
6
  //= require ./elements/form-file
7
7
  //= require ./elements/form-select
@@ -10,8 +10,8 @@
10
10
  //= require ./patterns/form-dropdown
11
11
  //= require ./patterns/tab
12
12
  (function (global, factory) {
13
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./behaviors/enter.js'), require('./behaviors/focus.js'), require('./behaviors/tabulate.js'), require('./behaviors/readonly.js'), require('./behaviors/toggle.js'), require('./elements/form-file.js'), require('./elements/form-select.js'), require('./patterns/carousel.js'), require('./patterns/dropdown.js'), require('./patterns/form-dropdown.js'), require('./patterns/tab.js')) :
14
- typeof define === 'function' && define.amd ? define(['./behaviors/enter.js', './behaviors/focus.js', './behaviors/tabulate.js', './behaviors/readonly.js', './behaviors/toggle.js', './elements/form-file.js', './elements/form-select.js', './patterns/carousel.js', './patterns/dropdown.js', './patterns/form-dropdown.js', './patterns/tab.js'], factory) :
13
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./behaviors/enter.js'), require('./behaviors/focus.js'), require('./behaviors/readonly.js'), require('./behaviors/tabulate.js'), require('./behaviors/toggle.js'), require('./elements/form-file.js'), require('./elements/form-select.js'), require('./patterns/carousel.js'), require('./patterns/dropdown.js'), require('./patterns/form-dropdown.js'), require('./patterns/tab.js')) :
14
+ typeof define === 'function' && define.amd ? define(['./behaviors/enter.js', './behaviors/focus.js', './behaviors/readonly.js', './behaviors/tabulate.js', './behaviors/toggle.js', './elements/form-file.js', './elements/form-select.js', './patterns/carousel.js', './patterns/dropdown.js', './patterns/form-dropdown.js', './patterns/tab.js'], factory) :
15
15
  (factory());
16
16
  }(this, (function () { 'use strict';
17
17
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Luda 0.1.12 | https://luda.dev
2
+ * Luda 0.1.13 | https://oatw.github.io/luda
3
3
  * Copyright 2019 Oatw | https://oatw.blog
4
4
  * MIT license | http://opensource.org/licenses/MIT
5
5
  */
@@ -664,8 +664,8 @@ $carousel-controls-opacity-transition-duration: $transition-duration-n
664
664
  $carousel-controls-opacity-transition-timing-function: $transition-timing-function-main !default
665
665
  $carousel-transition-duration: $transition-duration-long !default
666
666
  $carousel-transition-timing-function: $transition-timing-function-main !default
667
- $carousel-ani-opacity-transition-duration: $transition-duration-long !default
668
- $carousel-ani-opacity-transition-timing-function: $transition-timing-function-main !default
667
+ $carousel-custom-opacity-transition-duration: $transition-duration-long !default
668
+ $carousel-custom-opacity-transition-timing-function: $transition-timing-function-main !default
669
669
 
670
670
 
671
671
 
@@ -1,12 +1,7 @@
1
1
  +install(shared-behavior-disabled)
2
2
 
3
3
  [disabled]
4
- pointer-events: none
5
- -webkit-user-select: none
6
- -moz-user-select: none
7
- -ms-user-select: none
8
- user-select: none
9
- opacity: $opacity-disabled
4
+ +_disabled
10
5
 
11
6
  [disabled] [disabled]
12
- opacity: 1
7
+ +_disabled-nested
@@ -8,9 +8,7 @@
8
8
  user-select: none
9
9
 
10
10
  [data-readonly]:not([data-readonly=false])
11
- cursor: default
12
- pointer-events: none
13
- -webkit-user-select: none
14
- -moz-user-select: none
15
- -ms-user-select: none
16
- user-select: none
11
+ +_disabled
12
+
13
+ [data-readonly] [data-readonly]
14
+ +_disabled-nested
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ico
4
4
  display: inline-block
5
- vertical-align: text-top
5
+ vertical-align: text-bottom
6
6
  position: relative
7
7
  width: 1em
8
8
  height: 1em
@@ -1,3 +1,5 @@
1
+ // sass-lint:disable max-line-length
2
+
1
3
  =button-solid($name: null, $color: null, $hover-color: null, $active-color: null, $background: null, $hover-background: null, $active-background: null, $border-color: null, $hover-border-color: null, $active-border-color: null, $box-shadow: null, $hover-box-shadow: null, $active-box-shadow: null)
2
4
 
3
5
  .btn.btn-#{$name},
@@ -0,0 +1,10 @@
1
+ =_disabled
2
+ pointer-events: none
3
+ -webkit-user-select: none
4
+ -moz-user-select: none
5
+ -ms-user-select: none
6
+ user-select: none
7
+ opacity: $opacity-disabled
8
+
9
+ =_disabled-nested
10
+ opacity: 1
@@ -110,23 +110,23 @@
110
110
 
111
111
 
112
112
 
113
- .carousel:not([class*=carousel-ani-]) .carousel-item
113
+ .carousel:not([class*=carousel-custom-]) .carousel-item
114
114
  transform: translate3d(0, 0, 0)
115
115
  transition: transform $carousel-transition-duration $carousel-transition-timing-function
116
116
 
117
- .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-next
117
+ .carousel:not([class*=carousel-custom-]) .carousel-item.carousel-item-next
118
118
  transform: translate3d(100%, 0, 0)
119
119
 
120
- .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-prev
120
+ .carousel:not([class*=carousel-custom-]) .carousel-item.carousel-item-prev
121
121
  transform: translate3d(-100%, 0, 0)
122
122
 
123
123
 
124
124
 
125
- .carousel.carousel-ani-opacity .carousel-item
125
+ .carousel.carousel-custom-opacity .carousel-item
126
126
  opacity: 1
127
127
  transform: translate3d(0, 0, 0)
128
- transition: opacity $carousel-ani-opacity-transition-duration $carousel-ani-opacity-transition-timing-function
128
+ transition: opacity $carousel-custom-opacity-transition-duration $carousel-custom-opacity-transition-timing-function
129
129
 
130
- .carousel.carousel-ani-opacity .carousel-item.carousel-item-prev,
131
- .carousel.carousel-ani-opacity .carousel-item.carousel-item-next
130
+ .carousel.carousel-custom-opacity .carousel-item.carousel-item-prev,
131
+ .carousel.carousel-custom-opacity .carousel-item.carousel-item-next
132
132
  opacity: 0
@@ -1,4 +1,4 @@
1
- +install(shared-utility-align)
1
+ +install(shared-utility-alignment)
2
2
 
3
3
  .va-top
4
4
  vertical-align: top !important
@@ -90,16 +90,16 @@
90
90
  .as-stretch#{$class-fix}
91
91
  align-self: stretch !important
92
92
 
93
- .fg-1#{$class-fix}
93
+ .flex-growable#{$class-fix}
94
94
  flex-grow: 1 !important
95
95
 
96
- .fg-0#{$class-fix}
96
+ .flex-ungrowable#{$class-fix}
97
97
  flex-grow: 0 !important
98
98
 
99
- .fs-1#{$class-fix}
99
+ .flex-shrinkable#{$class-fix}
100
100
  flex-shrink: 1 !important
101
101
 
102
- .fs-0#{$class-fix}
102
+ .flex-unshrinkable#{$class-fix}
103
103
  flex-shrink: 0 !important
104
104
 
105
105
  .flex-auto#{$class-fix}
@@ -2,52 +2,52 @@
2
2
  @import luda/default/variables
3
3
  @import luda/default/mixins
4
4
  @import luda/default/base
5
- @import luda/default/behaviors/readonly
6
5
  @import luda/default/behaviors/disabled
7
6
  @import luda/default/behaviors/focus
7
+ @import luda/default/behaviors/readonly
8
8
  @import luda/default/behaviors/toggle
9
- @import luda/default/elements/typography
10
- @import luda/default/elements/form
9
+ @import luda/default/elements/badge
10
+ @import luda/default/elements/baseline
11
+ @import luda/default/elements/button
11
12
  @import luda/default/elements/container
13
+ @import luda/default/elements/form
12
14
  @import luda/default/elements/grid
13
- @import luda/default/elements/button
15
+ @import luda/default/elements/icon
14
16
  @import luda/default/elements/media
15
- @import luda/default/elements/table
16
17
  @import luda/default/elements/overlay
17
- @import luda/default/elements/icon
18
- @import luda/default/elements/badge
19
18
  @import luda/default/elements/progress
20
19
  @import luda/default/elements/scrollbar
20
+ @import luda/default/elements/table
21
21
  @import luda/default/elements/turbolinks-progress-bar
22
- @import luda/default/elements/baseline
22
+ @import luda/default/elements/typography
23
+ @import luda/default/patterns/alert
23
24
  @import luda/default/patterns/avatar
24
25
  @import luda/default/patterns/breadcrumb
25
- @import luda/default/patterns/alert
26
- @import luda/default/patterns/modal
27
- @import luda/default/patterns/dropdown
28
- @import luda/default/patterns/button-icon
29
26
  @import luda/default/patterns/button-group
30
- @import luda/default/patterns/form-icon
31
- @import luda/default/patterns/form-group
27
+ @import luda/default/patterns/button-icon
28
+ @import luda/default/patterns/carousel
29
+ @import luda/default/patterns/dropdown
32
30
  @import luda/default/patterns/form-dropdown
31
+ @import luda/default/patterns/form-group
32
+ @import luda/default/patterns/form-icon
33
+ @import luda/default/patterns/modal
34
+ @import luda/default/patterns/navigation
33
35
  @import luda/default/patterns/search-bar
34
- @import luda/default/patterns/carousel
35
36
  @import luda/default/patterns/tab
36
- @import luda/default/patterns/navigation
37
+ @import luda/default/utilities/alignment
38
+ @import luda/default/utilities/background
39
+ @import luda/default/utilities/border
40
+ @import luda/default/utilities/color
37
41
  @import luda/default/utilities/display
38
42
  @import luda/default/utilities/flex
39
43
  @import luda/default/utilities/float
44
+ @import luda/default/utilities/opacity
45
+ @import luda/default/utilities/overflow
46
+ @import luda/default/utilities/position
40
47
  @import luda/default/utilities/spacing
48
+ @import luda/default/utilities/shadow
49
+ @import luda/default/utilities/shape
41
50
  @import luda/default/utilities/size
42
- @import luda/default/utilities/position
43
- @import luda/default/utilities/overflow
44
- @import luda/default/utilities/z-index
45
- @import luda/default/utilities/align
46
- @import luda/default/utilities/visibility
47
- @import luda/default/utilities/opacity
48
- @import luda/default/utilities/color
49
- @import luda/default/utilities/background
50
51
  @import luda/default/utilities/text
51
- @import luda/default/utilities/shape
52
- @import luda/default/utilities/border
53
- @import luda/default/utilities/shadow
52
+ @import luda/default/utilities/visibility
53
+ @import luda/default/utilities/z-index
@@ -1,7 +1,7 @@
1
1
  // sass-lint:disable no-empty-rulesets
2
2
  +install(banner)
3
3
  /*!
4
- * Luda 0.1.12 | Theme default | https://luda.dev
4
+ * Luda 0.1.13 | Theme default | https://oatw.github.io/luda
5
5
  * Copyright 2019 Oatw | https://oatw.blog
6
6
  * MIT license | http://opensource.org/licenses/MIT
7
7
  */
@@ -1,6 +1,7 @@
1
1
  @import '../_core/mixins/install'
2
2
  @import '../_core/mixins/browser'
3
3
  @import '../_core/mixins/media-query'
4
+ @import '../_core/mixins/disabled'
4
5
  @import '../_core/mixins/focus'
5
6
  @import '../_core/mixins/typography'
6
7
  @import '../_core/mixins/overlay'
@@ -1,5 +1,6 @@
1
1
  @import '../base'
2
2
  @import '../behaviors/disabled'
3
+ @import '../behaviors/readonly'
3
4
  @import '../../_core/elements/button'
4
5
 
5
6
 
@@ -4,55 +4,55 @@
4
4
 
5
5
  @import base
6
6
 
7
- @import behaviors/readonly
8
7
  @import behaviors/disabled
9
8
  @import behaviors/focus
9
+ @import behaviors/readonly
10
10
  @import behaviors/toggle
11
11
 
12
- @import elements/typography
13
- @import elements/form
12
+ @import elements/badge
13
+ @import elements/baseline
14
+ @import elements/button
14
15
  @import elements/container
16
+ @import elements/form
15
17
  @import elements/grid
16
- @import elements/button
18
+ @import elements/icon
17
19
  @import elements/media
18
- @import elements/table
19
20
  @import elements/overlay
20
- @import elements/icon
21
- @import elements/badge
22
21
  @import elements/progress
23
22
  @import elements/scrollbar
23
+ @import elements/table
24
24
  @import elements/turbolinks-progress-bar
25
- @import elements/baseline
25
+ @import elements/typography
26
26
 
27
+ @import patterns/alert
27
28
  @import patterns/avatar
28
29
  @import patterns/breadcrumb
29
- @import patterns/alert
30
- @import patterns/modal
31
- @import patterns/dropdown
32
- @import patterns/button-icon
33
30
  @import patterns/button-group
34
- @import patterns/form-icon
35
- @import patterns/form-group
31
+ @import patterns/button-icon
32
+ @import patterns/carousel
33
+ @import patterns/dropdown
36
34
  @import patterns/form-dropdown
35
+ @import patterns/form-group
36
+ @import patterns/form-icon
37
+ @import patterns/modal
38
+ @import patterns/navigation
37
39
  @import patterns/search-bar
38
- @import patterns/carousel
39
40
  @import patterns/tab
40
- @import patterns/navigation
41
41
 
42
+ @import utilities/alignment
43
+ @import utilities/background
44
+ @import utilities/border
45
+ @import utilities/color
42
46
  @import utilities/display
43
47
  @import utilities/flex
44
48
  @import utilities/float
49
+ @import utilities/opacity
50
+ @import utilities/overflow
51
+ @import utilities/position
45
52
  @import utilities/spacing
53
+ @import utilities/shadow
54
+ @import utilities/shape
46
55
  @import utilities/size
47
- @import utilities/position
48
- @import utilities/overflow
49
- @import utilities/z-index
50
- @import utilities/align
51
- @import utilities/visibility
52
- @import utilities/opacity
53
- @import utilities/color
54
- @import utilities/background
55
56
  @import utilities/text
56
- @import utilities/shape
57
- @import utilities/border
58
- @import utilities/shadow
57
+ @import utilities/visibility
58
+ @import utilities/z-index
@@ -1,5 +1,6 @@
1
1
  @import '../base'
2
2
  @import '../elements/button'
3
+ @import button-icon
3
4
  @import '../../_core/patterns/button-group'
4
5
 
5
6
 
@@ -1,7 +1,6 @@
1
1
  @import '../base'
2
2
  @import '../elements/button'
3
3
  @import '../elements/form'
4
- @import button-icon
5
4
  @import dropdown
6
5
  @import '../../_core/patterns/navigation'
7
6
 
@@ -0,0 +1,5 @@
1
+ @import '../../_core/utilities/alignment'
2
+
3
+
4
+
5
+ +install(utility-alignment)
@@ -1,3 +1,3 @@
1
1
  module Luda
2
- VERSION = '0.1.12'
2
+ VERSION = '0.1.13'
3
3
  end
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.12
4
+ version: 0.1.13
5
5
  platform: ruby
6
6
  authors:
7
7
  - oatw
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-04-15 00:00:00.000000000 Z
11
+ date: 2019-04-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -31,7 +31,7 @@ executables: []
31
31
  extensions: []
32
32
  extra_rdoc_files: []
33
33
  files:
34
- - MIT-LICENSE
34
+ - LICENSE
35
35
  - README.md
36
36
  - assets/javascripts/luda-degradation.js
37
37
  - assets/javascripts/luda-degradation.js.map
@@ -96,6 +96,7 @@ files:
96
96
  - assets/stylesheets/luda/_core/elements/typography/_typography.sass
97
97
  - assets/stylesheets/luda/_core/mixins/_browser.sass
98
98
  - assets/stylesheets/luda/_core/mixins/_button.sass
99
+ - assets/stylesheets/luda/_core/mixins/_disabled.sass
99
100
  - assets/stylesheets/luda/_core/mixins/_dropdown.sass
100
101
  - assets/stylesheets/luda/_core/mixins/_focus.sass
101
102
  - assets/stylesheets/luda/_core/mixins/_form.sass
@@ -118,7 +119,7 @@ files:
118
119
  - assets/stylesheets/luda/_core/patterns/_navigation.sass
119
120
  - assets/stylesheets/luda/_core/patterns/_search-bar.sass
120
121
  - assets/stylesheets/luda/_core/patterns/_tab.sass
121
- - assets/stylesheets/luda/_core/utilities/_align.sass
122
+ - assets/stylesheets/luda/_core/utilities/_alignment.sass
122
123
  - assets/stylesheets/luda/_core/utilities/_background.sass
123
124
  - assets/stylesheets/luda/_core/utilities/_border.sass
124
125
  - assets/stylesheets/luda/_core/utilities/_color.sass
@@ -131,7 +132,6 @@ files:
131
132
  - assets/stylesheets/luda/_core/utilities/_shadow.sass
132
133
  - assets/stylesheets/luda/_core/utilities/_shape.sass
133
134
  - assets/stylesheets/luda/_core/utilities/_size.sass
134
- - assets/stylesheets/luda/_core/utilities/_space.sass
135
135
  - assets/stylesheets/luda/_core/utilities/_spacing.sass
136
136
  - assets/stylesheets/luda/_core/utilities/_text.sass
137
137
  - assets/stylesheets/luda/_core/utilities/_visibility.sass
@@ -188,7 +188,7 @@ files:
188
188
  - assets/stylesheets/luda/default/patterns/_navigation.sass
189
189
  - assets/stylesheets/luda/default/patterns/_search-bar.sass
190
190
  - assets/stylesheets/luda/default/patterns/_tab.sass
191
- - assets/stylesheets/luda/default/utilities/_align.sass
191
+ - assets/stylesheets/luda/default/utilities/_alignment.sass
192
192
  - assets/stylesheets/luda/default/utilities/_background.sass
193
193
  - assets/stylesheets/luda/default/utilities/_border.sass
194
194
  - assets/stylesheets/luda/default/utilities/_color.sass
@@ -201,7 +201,6 @@ files:
201
201
  - assets/stylesheets/luda/default/utilities/_shadow.sass
202
202
  - assets/stylesheets/luda/default/utilities/_shape.sass
203
203
  - assets/stylesheets/luda/default/utilities/_size.sass
204
- - assets/stylesheets/luda/default/utilities/_space.sass
205
204
  - assets/stylesheets/luda/default/utilities/_spacing.sass
206
205
  - assets/stylesheets/luda/default/utilities/_text.sass
207
206
  - assets/stylesheets/luda/default/utilities/_visibility.sass
@@ -210,7 +209,7 @@ files:
210
209
  - lib/luda/config.rb
211
210
  - lib/luda/engine.rb
212
211
  - lib/luda/version.rb
213
- homepage: https://luda.dev
212
+ homepage: https://oatw.github.io/luda
214
213
  licenses:
215
214
  - MIT
216
215
  metadata: {}
@@ -230,7 +229,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
230
229
  version: '0'
231
230
  requirements: []
232
231
  rubyforge_project:
233
- rubygems_version: 2.7.7
232
+ rubygems_version: 2.6.14
234
233
  signing_key:
235
234
  specification_version: 4
236
235
  summary: A lightweight and responsive UI framework for modern web development.