luda 0.1.9 → 0.1.10
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/install.js +1 -1
- data/assets/javascripts/luda-degradation.js +1 -1
- data/assets/javascripts/luda-degradation.min.js +1 -1
- data/assets/javascripts/luda.js +1 -1
- data/assets/javascripts/luda.min.js +1 -1
- data/assets/stylesheets/luda/_core/_variables.sass +27 -27
- data/assets/stylesheets/luda/_core/behaviors/_disabled.sass +1 -1
- data/assets/stylesheets/luda/_core/behaviors/_focus.sass +1 -1
- data/assets/stylesheets/luda/_core/behaviors/_readonly.sass +1 -1
- data/assets/stylesheets/luda/_core/behaviors/_toggle.sass +1 -1
- data/assets/stylesheets/luda/_core/elements/_media.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_alert.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_avatar.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_breadcrumb.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_button-group.sass +10 -1
- data/assets/stylesheets/luda/_core/patterns/_button-icon.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_carousel.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_dropdown.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_form-dropdown.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_form-group.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_form-icon.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_modal.sass +1 -1
- data/assets/stylesheets/luda/_core/patterns/_navigation.sass +165 -0
- data/assets/stylesheets/luda/_core/patterns/_search-bar.sass +30 -0
- data/assets/stylesheets/luda/_core/patterns/_tab.sass +1 -1
- data/assets/stylesheets/luda/_default.sass +2 -2
- data/assets/stylesheets/luda/default/_banner.sass +1 -1
- data/assets/stylesheets/luda/default/behaviors/_disabled.sass +1 -1
- data/assets/stylesheets/luda/default/behaviors/_focus.sass +1 -1
- data/assets/stylesheets/luda/default/behaviors/_readonly.sass +1 -1
- data/assets/stylesheets/luda/default/behaviors/_toggle.sass +1 -1
- data/assets/stylesheets/luda/default/elements/_media.sass +1 -1
- data/assets/stylesheets/luda/default/index.sass +2 -2
- data/assets/stylesheets/luda/default/patterns/_alert.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_avatar.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_breadcrumb.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_button-group.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_button-icon.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_carousel.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_dropdown.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_form-dropdown.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_form-group.sass +1 -2
- data/assets/stylesheets/luda/default/patterns/_form-icon.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_modal.sass +1 -1
- data/assets/stylesheets/luda/default/patterns/_navigation.sass +10 -0
- data/assets/stylesheets/luda/default/patterns/_search-bar.sass +9 -0
- data/assets/stylesheets/luda/default/patterns/_tab.sass +1 -1
- data/lib/luda/version.rb +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8a82817527b2c6e55db552af81c37d54b6497289bbc9dd6bae75436eb97b870e
|
4
|
+
data.tar.gz: 281b94789fa715876cfee48e20842dce6c611e01b22cb15b437925a6e98178fa
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2c59c0a9169e8ccd8c611f53e18339e7990b38d382569434683d2716ad754f926dabd6b702b6d8e7d3c73f3fbb929888f968e5a5c0f91badb939d71e141b3ce1
|
7
|
+
data.tar.gz: 07a94542e0e2c782064bb709e0981dd2674492f3f581984182980e7b2619936145cb1e20b5e90111573c379e9623cc72720fbfb5f6fecdc625ef35c76759e48d
|
data/assets/javascripts/luda.js
CHANGED
@@ -128,7 +128,7 @@ $base-selection-background-color: $background-color-dark !default
|
|
128
128
|
|
129
129
|
|
130
130
|
|
131
|
-
// variables for
|
131
|
+
// variables for behaviors
|
132
132
|
$focus-outline-style: dashed !default
|
133
133
|
$focus-outline-width-px: 2px !default
|
134
134
|
$focus-outline-color: $line-color-muted !default
|
@@ -595,7 +595,7 @@ $avatar-info-padding-top-rem: 0.3rem !default
|
|
595
595
|
$avatar-info-padding-left-rem: 0.5rem !default
|
596
596
|
$avatar-large-info-height-rem: 4rem !default
|
597
597
|
$avatar-large-info-padding-top-rem: 0.6rem !default
|
598
|
-
$avatar-large-info-padding-left-rem:
|
598
|
+
$avatar-large-info-padding-left-rem: 1rem !default
|
599
599
|
$avatar-small-info-height-rem: null !default
|
600
600
|
$avatar-small-info-padding-top-rem: null !default
|
601
601
|
$avatar-small-info-padding-left-rem: null !default
|
@@ -617,7 +617,7 @@ $breadcrumb-children-padding-em: 0 strip-unit($space-tiny-rem) * 1em !default
|
|
617
617
|
$breadcrumb-children-spliter: "/" !default
|
618
618
|
|
619
619
|
|
620
|
-
|
620
|
+
$button-group-box-shadow: $box-shadow-normal !default
|
621
621
|
$button-group-children-margin-rem: 0 $space-small-rem $space-small-rem 0 !default
|
622
622
|
|
623
623
|
|
@@ -688,36 +688,36 @@ $modal-box-shadow: $box-shadow-normal !default
|
|
688
688
|
|
689
689
|
|
690
690
|
|
691
|
-
$
|
692
|
-
$
|
693
|
-
$
|
694
|
-
$
|
695
|
-
$
|
696
|
-
$
|
697
|
-
$
|
698
|
-
$
|
699
|
-
$
|
700
|
-
$
|
691
|
+
$navigation-width-breakpoint: m !default
|
692
|
+
$navigation-padding-rem: $space-tiny-rem $space-small-rem !default
|
693
|
+
$navigation-logo-margin-rem: 0 $space-small-rem !default
|
694
|
+
$navigation-open-margin-rem: 0 0 0 auto !default
|
695
|
+
$navigation-close-margin-rem: $space-small-rem $space-small-rem 0 auto !default
|
696
|
+
$navigation-search-margin-rem: $space-medium-rem !default
|
697
|
+
$navigation-items-margin-rem: $space-small-rem !default
|
698
|
+
$navigation-sub-items-margin-rem: $navigation-items-margin-rem !default
|
699
|
+
$navigation-logo-image-height-rem: 2rem !default
|
700
|
+
$navigation-background: $background-color-dark !default
|
701
701
|
|
702
702
|
|
703
703
|
|
704
|
-
$
|
705
|
-
$
|
706
|
-
$
|
707
|
-
$
|
708
|
-
$
|
709
|
-
$
|
704
|
+
$navigation-header-box-shadow: $box-shadow-normal !default
|
705
|
+
$navigation-header-breakpoint-search-margin-rem: 0 $space-small-rem !default
|
706
|
+
$navigation-header-breakpoint-items-margin-rem: 0 auto 0 0 !default
|
707
|
+
$navigation-header-breakpoint-sub-items-margin-rem: 0 !default
|
708
|
+
$navigation-header-breakpoint-search-width-rem: 16rem !default
|
709
|
+
$navigation-header-breakpoint-dropdown-background: $navigation-background !default
|
710
710
|
|
711
711
|
|
712
712
|
|
713
|
-
$
|
714
|
-
$
|
715
|
-
$
|
716
|
-
$
|
717
|
-
$
|
718
|
-
$
|
719
|
-
$
|
720
|
-
$
|
713
|
+
$navigation-aside-box-shadow: $navigation-header-box-shadow !default
|
714
|
+
$navigation-aside-breakpoint-padding-rem: 0 !default
|
715
|
+
$navigation-aside-breakpoint-logo-margin-rem: 3 * $space-small-rem $space-medium-rem $space-small-rem !default
|
716
|
+
$navigation-aside-breakpoint-logo-image-height-rem: 7rem !default
|
717
|
+
$navigation-aside-breakpoint-logo-image-width-rem: 9rem !default
|
718
|
+
$navigation-aside-breakpoint-min-width-rem: 18rem !default
|
719
|
+
$navigation-aside-breakpoint-max-width-rem: 20rem !default
|
720
|
+
$navigation-aside-breakpoint-box-shadow: $box-shadow-normal !default
|
721
721
|
|
722
722
|
|
723
723
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
+install(shared-
|
1
|
+
+install(shared-pattern-button-group)
|
2
2
|
|
3
3
|
.btns-x,
|
4
4
|
.btns-y
|
@@ -20,6 +20,9 @@
|
|
20
20
|
.btns-y.btns-margin [class*=btn-]
|
21
21
|
margin: $button-group-children-margin-rem
|
22
22
|
|
23
|
+
.btns-x:not(.btns-margin),
|
24
|
+
.btns-y:not(.btns-margin)
|
25
|
+
box-shadow: $button-group-box-shadow
|
23
26
|
|
24
27
|
|
25
28
|
.btns-x:not(.btns-margin) .btn:not(:first-child),
|
@@ -34,6 +37,12 @@
|
|
34
37
|
border-top-right-radius: 0
|
35
38
|
border-bottom-right-radius: 0
|
36
39
|
|
40
|
+
.btns-x:not(.btns-margin) [class*=btn-][class*=btn-],
|
41
|
+
.btns-x:not(.btns-margin) [class*=btn-][class*=btn-] input ~ label,
|
42
|
+
.btns-y:not(.btns-margin) [class*=btn-][class*=btn-],
|
43
|
+
.btns-y:not(.btns-margin) [class*=btn-][class*=btn-] input ~ label
|
44
|
+
box-shadow: none
|
45
|
+
|
37
46
|
.btns-x:not(.btns-margin).btns-fluid [class*=btn-]
|
38
47
|
flex: 1 1 auto
|
39
48
|
|
@@ -0,0 +1,165 @@
|
|
1
|
+
+install(shared-pattern-navigation)
|
2
|
+
|
3
|
+
.nav-header,
|
4
|
+
.nav-aside
|
5
|
+
display: flex
|
6
|
+
align-items: center
|
7
|
+
width: 100%
|
8
|
+
padding: $navigation-padding-rem
|
9
|
+
background: $navigation-background
|
10
|
+
|
11
|
+
.nav-logo
|
12
|
+
flex: 0 0 auto
|
13
|
+
margin: $navigation-logo-margin-rem
|
14
|
+
|
15
|
+
.nav-logo img,
|
16
|
+
.nav-logo svg
|
17
|
+
height: $navigation-logo-image-height-rem
|
18
|
+
object-fit: contain
|
19
|
+
fill: $color-light
|
20
|
+
|
21
|
+
.nav-open
|
22
|
+
flex: 0 0 auto
|
23
|
+
margin: $navigation-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: $navigation-background
|
40
|
+
|
41
|
+
.nav-menu.toggle-active
|
42
|
+
display: flex
|
43
|
+
|
44
|
+
.nav-close
|
45
|
+
flex: 0 0 auto
|
46
|
+
margin: $navigation-close-margin-rem
|
47
|
+
|
48
|
+
.nav-search
|
49
|
+
flex: 0 0 auto
|
50
|
+
margin: $navigation-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: $navigation-items-margin-rem
|
60
|
+
|
61
|
+
.nav-sub-items
|
62
|
+
margin: $navigation-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: $navigation-header-box-shadow
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
.nav-aside
|
80
|
+
box-shadow: $navigation-aside-box-shadow
|
81
|
+
|
82
|
+
|
83
|
+
|
84
|
+
+media-width($navigation-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: $navigation-header-breakpoint-search-width-rem
|
126
|
+
margin: $navigation-header-breakpoint-search-margin-rem
|
127
|
+
|
128
|
+
.nav-header .nav-items
|
129
|
+
margin: $navigation-header-breakpoint-items-margin-rem
|
130
|
+
|
131
|
+
.nav-header .nav-sub-items
|
132
|
+
order: 2
|
133
|
+
margin: $navigation-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: $navigation-header-breakpoint-dropdown-background
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
.nav-aside
|
144
|
+
z-index: $z-index-much-higher
|
145
|
+
flex-direction: column
|
146
|
+
width: $navigation-aside-breakpoint-min-width-rem
|
147
|
+
max-width: $navigation-aside-breakpoint-max-width-rem
|
148
|
+
min-width: $navigation-aside-breakpoint-min-width-rem
|
149
|
+
height: 100vh
|
150
|
+
padding: $navigation-aside-breakpoint-padding-rem
|
151
|
+
overflow: auto
|
152
|
+
-webkit-overflow-scrolling: touch
|
153
|
+
box-shadow: $navigation-aside-breakpoint-box-shadow
|
154
|
+
|
155
|
+
.nav-aside .nav-logo
|
156
|
+
margin: $navigation-aside-breakpoint-logo-margin-rem
|
157
|
+
|
158
|
+
.nav-aside .nav-logo img,
|
159
|
+
.nav-aside .nav-logo svg
|
160
|
+
width: $navigation-aside-breakpoint-logo-image-width-rem
|
161
|
+
height: $navigation-aside-breakpoint-logo-image-height-rem
|
162
|
+
|
163
|
+
.nav-aside .nav-menu
|
164
|
+
flex: 0 0 auto
|
165
|
+
height: auto
|
@@ -0,0 +1,30 @@
|
|
1
|
+
+install(shared-pattern-search-bar)
|
2
|
+
|
3
|
+
.search-bar
|
4
|
+
display: flex
|
5
|
+
|
6
|
+
.search-bar > .fm
|
7
|
+
flex-basis: 100%
|
8
|
+
|
9
|
+
.search-bar > .fm input
|
10
|
+
border-right-width: 0
|
11
|
+
border-top-right-radius: 0
|
12
|
+
border-bottom-right-radius: 0
|
13
|
+
|
14
|
+
.search-bar .btn
|
15
|
+
flex-shrink: 0
|
16
|
+
order: 2
|
17
|
+
border-top-left-radius: 0
|
18
|
+
border-bottom-left-radius: 0
|
19
|
+
|
20
|
+
.search-bar .fm-dropdown
|
21
|
+
order: 1
|
22
|
+
width: auto
|
23
|
+
|
24
|
+
.search-bar .fm-dropdown .fm input
|
25
|
+
border-right: none
|
26
|
+
border-radius: 0
|
27
|
+
|
28
|
+
.search-bar .fm-dropdown ~ .fm input.focus,
|
29
|
+
.search-bar .fm-dropdown ~ .fm[data-error] input
|
30
|
+
border-right-width: mirror-nth($form-element-border-width, 2)
|
@@ -28,12 +28,12 @@
|
|
28
28
|
@import luda/default/patterns/button-icon
|
29
29
|
@import luda/default/patterns/button-group
|
30
30
|
@import luda/default/patterns/form-icon
|
31
|
-
@import luda/default/patterns/form-button
|
32
31
|
@import luda/default/patterns/form-group
|
33
32
|
@import luda/default/patterns/form-dropdown
|
33
|
+
@import luda/default/patterns/search-bar
|
34
34
|
@import luda/default/patterns/carousel
|
35
35
|
@import luda/default/patterns/tab
|
36
|
-
@import luda/default/patterns/
|
36
|
+
@import luda/default/patterns/navigation
|
37
37
|
@import luda/default/utilities/display
|
38
38
|
@import luda/default/utilities/flex
|
39
39
|
@import luda/default/utilities/float
|
@@ -1,7 +1,7 @@
|
|
1
1
|
// sass-lint:disable no-empty-rulesets
|
2
2
|
+install(banner)
|
3
3
|
/*!
|
4
|
-
* Luda 0.1.
|
4
|
+
* Luda 0.1.10 | Theme default | https://luda.dev
|
5
5
|
* Copyright 2018 oatw | https://oatw.blog
|
6
6
|
* MIT license | http://opensource.org/licenses/MIT
|
7
7
|
*/
|
@@ -32,12 +32,12 @@
|
|
32
32
|
@import patterns/button-icon
|
33
33
|
@import patterns/button-group
|
34
34
|
@import patterns/form-icon
|
35
|
-
@import patterns/form-button
|
36
35
|
@import patterns/form-group
|
37
36
|
@import patterns/form-dropdown
|
37
|
+
@import patterns/search-bar
|
38
38
|
@import patterns/carousel
|
39
39
|
@import patterns/tab
|
40
|
-
@import patterns/
|
40
|
+
@import patterns/navigation
|
41
41
|
|
42
42
|
@import utilities/display
|
43
43
|
@import utilities/flex
|
data/lib/luda/version.rb
CHANGED
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.10
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- oatw
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-03-
|
11
|
+
date: 2019-03-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -117,6 +117,8 @@ files:
|
|
117
117
|
- assets/stylesheets/luda/_core/patterns/_form-icon.sass
|
118
118
|
- assets/stylesheets/luda/_core/patterns/_modal.sass
|
119
119
|
- assets/stylesheets/luda/_core/patterns/_nav.sass
|
120
|
+
- assets/stylesheets/luda/_core/patterns/_navigation.sass
|
121
|
+
- assets/stylesheets/luda/_core/patterns/_search-bar.sass
|
120
122
|
- assets/stylesheets/luda/_core/patterns/_tab.sass
|
121
123
|
- assets/stylesheets/luda/_core/utilities/_align.sass
|
122
124
|
- assets/stylesheets/luda/_core/utilities/_background.sass
|
@@ -184,6 +186,8 @@ files:
|
|
184
186
|
- assets/stylesheets/luda/default/patterns/_form-icon.sass
|
185
187
|
- assets/stylesheets/luda/default/patterns/_modal.sass
|
186
188
|
- assets/stylesheets/luda/default/patterns/_nav.sass
|
189
|
+
- assets/stylesheets/luda/default/patterns/_navigation.sass
|
190
|
+
- assets/stylesheets/luda/default/patterns/_search-bar.sass
|
187
191
|
- assets/stylesheets/luda/default/patterns/_tab.sass
|
188
192
|
- assets/stylesheets/luda/default/utilities/_align.sass
|
189
193
|
- assets/stylesheets/luda/default/utilities/_background.sass
|