luda 0.1.12 → 0.1.13

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 (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.