beyond-rails 0.0.182 → 0.0.187
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/src/font/beyond-full.eot +0 -0
- data/src/font/beyond-full.svg +1755 -0
- data/src/font/beyond-full.ttf +0 -0
- data/src/font/beyond-full.woff +0 -0
- data/src/font/beyond-full.woff2 +0 -0
- data/src/font/beyond.eot +0 -0
- data/src/font/beyond.svg +135 -133
- data/src/font/beyond.ttf +0 -0
- data/src/font/beyond.woff +0 -0
- data/src/font/beyond.woff2 +0 -0
- data/src/js/components/Modal.js +22 -16
- data/src/js/components/Tabbox.js +10 -2
- data/src/js/components/Tooltip.js +5 -1
- data/src/sass/_beyond.scss +1 -0
- data/src/sass/_main.scss +0 -1
- data/src/sass/abstracts/_variables.scss +18 -13
- data/src/sass/components/_badge.scss +3 -9
- data/src/sass/components/_btn.scss +27 -11
- data/src/sass/components/_dropdown.scss +13 -0
- data/src/sass/components/_icon.scss +5012 -169
- data/src/sass/components/_mega-menu.scss +61 -0
- data/src/sass/components/_modal.scss +12 -1
- data/src/sass/components/_nav.scss +8 -3
- data/src/sass/components/_tabbox.scss +11 -1
- data/src/sass/components/_tooltip.scss +56 -0
- data/src/sass/layout/_flex-util.scss +3 -0
- metadata +14 -8
@@ -0,0 +1,61 @@
|
|
1
|
+
.mega-menu {
|
2
|
+
padding-top: .2rem;
|
3
|
+
padding-bottom: .2rem;
|
4
|
+
}
|
5
|
+
.mega-menu-divider {
|
6
|
+
border-bottom: 1px solid #ebebeb;
|
7
|
+
}
|
8
|
+
.mega-menu-col {
|
9
|
+
padding: .7rem 1.5rem;
|
10
|
+
flex-grow: 1;
|
11
|
+
transition: .3s background-color;
|
12
|
+
&:hover {
|
13
|
+
background-color: #f6f6f6;
|
14
|
+
}
|
15
|
+
min-width: 180px;
|
16
|
+
color: $text-color;
|
17
|
+
display: flex;
|
18
|
+
align-items: center;
|
19
|
+
i {
|
20
|
+
margin-right: .6rem;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
.mega-menu-label {
|
24
|
+
padding-left: 1.5rem;
|
25
|
+
margin-top: 1rem;
|
26
|
+
margin-bottom: .5rem;
|
27
|
+
color: $text-color-light;
|
28
|
+
font-size: 12px;
|
29
|
+
}
|
30
|
+
.mega-menu-item {
|
31
|
+
transition: .3s background-color;
|
32
|
+
&:hover {
|
33
|
+
background-color: #f6f6f6;
|
34
|
+
}
|
35
|
+
color: $text-color;
|
36
|
+
display: block;
|
37
|
+
padding: .5rem 2.2rem;
|
38
|
+
}
|
39
|
+
.mega-menu-icon-box {
|
40
|
+
display: table;
|
41
|
+
width: 100%;
|
42
|
+
> div {
|
43
|
+
display: table-row;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
.mega-menu-icon-box-item {
|
47
|
+
cursor: pointer;
|
48
|
+
transition: .3s all;
|
49
|
+
&:hover {
|
50
|
+
color: $text-color;
|
51
|
+
background-color: #f6f6f6;
|
52
|
+
}
|
53
|
+
display: table-cell;
|
54
|
+
padding: 1rem 1.8rem;
|
55
|
+
color: $color-primary;
|
56
|
+
text-align: center;
|
57
|
+
i {
|
58
|
+
display: block;
|
59
|
+
margin-bottom: .4rem;
|
60
|
+
}
|
61
|
+
}
|
@@ -61,7 +61,6 @@
|
|
61
61
|
text-align: right;
|
62
62
|
.btn {
|
63
63
|
padding: 6px 12px;
|
64
|
-
min-width: 62px;
|
65
64
|
font-size: 14px;
|
66
65
|
font-weight: 400;
|
67
66
|
}
|
@@ -70,3 +69,15 @@
|
|
70
69
|
}
|
71
70
|
}
|
72
71
|
}
|
72
|
+
|
73
|
+
.modal.static {
|
74
|
+
overflow-y: initial;
|
75
|
+
background-color: transparent;
|
76
|
+
opacity: 1;
|
77
|
+
position: static;
|
78
|
+
display: block;
|
79
|
+
.modal-dialog {
|
80
|
+
transform: scale(1);
|
81
|
+
margin: 0 auto;
|
82
|
+
}
|
83
|
+
}
|
@@ -23,23 +23,28 @@
|
|
23
23
|
}
|
24
24
|
}
|
25
25
|
.nav-folder + ul {
|
26
|
+
margin-bottom: .5rem;
|
26
27
|
.nav-item {
|
27
|
-
|
28
|
+
padding-left: 1rem;
|
28
29
|
}
|
29
30
|
}
|
30
31
|
.nav-menu {
|
31
32
|
display: none;
|
32
33
|
}
|
33
34
|
.nav-item {
|
35
|
+
font-weight: 400;
|
34
36
|
color: #1a1f36;
|
35
37
|
text-decoration: none;
|
36
|
-
display:
|
38
|
+
display: flex;
|
39
|
+
align-items: center;
|
37
40
|
padding: 7px;
|
38
41
|
font-size: .875rem;
|
42
|
+
> i {
|
43
|
+
margin-right: .8rem;
|
44
|
+
}
|
39
45
|
}
|
40
46
|
.nav-item.active {
|
41
47
|
color: $color-primary;
|
42
|
-
font-weight: 700;
|
43
48
|
}
|
44
49
|
}
|
45
50
|
.nav-tabs .nav-item.show .nav-link,
|
@@ -60,7 +60,7 @@
|
|
60
60
|
border-left: 0;
|
61
61
|
border-bottom-width: 2px;
|
62
62
|
border-bottom-style: solid;
|
63
|
-
border-bottom-color: #
|
63
|
+
border-bottom-color: #e3e8ee;
|
64
64
|
outline: 0;
|
65
65
|
transition: all .3s;
|
66
66
|
&:hover {
|
@@ -84,3 +84,13 @@
|
|
84
84
|
}
|
85
85
|
}
|
86
86
|
}
|
87
|
+
.tabbox.tabbox-uno {
|
88
|
+
$tab-active-color: #6772e5;
|
89
|
+
.js-slider {
|
90
|
+
background-color: $tab-active-color;
|
91
|
+
}
|
92
|
+
.tab-btn.js-current {
|
93
|
+
color: $tab-active-color;
|
94
|
+
font-weight: 700;
|
95
|
+
}
|
96
|
+
}
|
@@ -8,3 +8,59 @@
|
|
8
8
|
color: #fff;
|
9
9
|
background-color: #555;
|
10
10
|
}
|
11
|
+
|
12
|
+
.tooltip.tooltip-popover {
|
13
|
+
$border-color: #e8e8e8;
|
14
|
+
background-color: #fff;
|
15
|
+
color: #3c4257;
|
16
|
+
padding: 10px 13px;
|
17
|
+
box-shadow: 4px 4px 15px 1px rgba(68, 68, 72, .12);
|
18
|
+
border: 1px solid $border-color;
|
19
|
+
|
20
|
+
&:after {
|
21
|
+
content: ' ';
|
22
|
+
display: block;
|
23
|
+
border: 0;
|
24
|
+
border-top-left-radius: 4px;
|
25
|
+
@include size(12px);
|
26
|
+
background-color: #fff;
|
27
|
+
position: absolute;
|
28
|
+
transform: rotate(45deg);
|
29
|
+
}
|
30
|
+
&.top:after {
|
31
|
+
bottom: -6px;
|
32
|
+
left: 0;
|
33
|
+
right: 0;
|
34
|
+
margin-left: auto;
|
35
|
+
margin-right: auto;
|
36
|
+
border-right: 1px solid $border-color;
|
37
|
+
border-bottom: 1px solid $border-color;
|
38
|
+
}
|
39
|
+
&.bottom:after {
|
40
|
+
top: -6px;
|
41
|
+
left: 0;
|
42
|
+
right: 0;
|
43
|
+
margin-left: auto;
|
44
|
+
margin-right: auto;
|
45
|
+
border-left: 1px solid $border-color;
|
46
|
+
border-top: 1px solid $border-color;
|
47
|
+
}
|
48
|
+
&.left:after {
|
49
|
+
right: -6px;
|
50
|
+
top: 0;
|
51
|
+
bottom: 0;
|
52
|
+
margin-top: auto;
|
53
|
+
margin-bottom: auto;
|
54
|
+
border-right: 1px solid $border-color;
|
55
|
+
border-top: 1px solid $border-color;
|
56
|
+
}
|
57
|
+
&.right:after {
|
58
|
+
left: -6px;
|
59
|
+
top: 0;
|
60
|
+
bottom: 0;
|
61
|
+
margin-top: auto;
|
62
|
+
margin-bottom: auto;
|
63
|
+
border-left: 1px solid $border-color;
|
64
|
+
border-bottom: 1px solid $border-color;
|
65
|
+
}
|
66
|
+
}
|
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: beyond-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.187
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- kmsheng
|
8
8
|
- Eddie Li
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-08-
|
12
|
+
date: 2020-08-31 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sassc
|
@@ -67,16 +67,22 @@ dependencies:
|
|
67
67
|
- - ">="
|
68
68
|
- !ruby/object:Gem::Version
|
69
69
|
version: '5.0'
|
70
|
-
description:
|
70
|
+
description:
|
71
71
|
email: kmsh3ng@gmail.com
|
72
72
|
executables: []
|
73
73
|
extensions: []
|
74
74
|
extra_rdoc_files: []
|
75
75
|
files:
|
76
|
+
- src/font/beyond-full.eot
|
77
|
+
- src/font/beyond-full.svg
|
78
|
+
- src/font/beyond-full.ttf
|
79
|
+
- src/font/beyond-full.woff
|
80
|
+
- src/font/beyond-full.woff2
|
76
81
|
- src/font/beyond.eot
|
77
82
|
- src/font/beyond.svg
|
78
83
|
- src/font/beyond.ttf
|
79
84
|
- src/font/beyond.woff
|
85
|
+
- src/font/beyond.woff2
|
80
86
|
- src/img/black-cat.svg
|
81
87
|
- src/img/cart.svg
|
82
88
|
- src/img/china-flag.svg
|
@@ -185,6 +191,7 @@ files:
|
|
185
191
|
- src/sass/components/_icon.scss
|
186
192
|
- src/sass/components/_input.scss
|
187
193
|
- src/sass/components/_list.scss
|
194
|
+
- src/sass/components/_mega-menu.scss
|
188
195
|
- src/sass/components/_modal.scss
|
189
196
|
- src/sass/components/_nav.scss
|
190
197
|
- src/sass/components/_navbar.scss
|
@@ -219,7 +226,7 @@ homepage: https://superlanding.github.io/beyond/
|
|
219
226
|
licenses:
|
220
227
|
- MIT
|
221
228
|
metadata: {}
|
222
|
-
post_install_message:
|
229
|
+
post_install_message:
|
223
230
|
rdoc_options: []
|
224
231
|
require_paths:
|
225
232
|
- lib
|
@@ -234,9 +241,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
234
241
|
- !ruby/object:Gem::Version
|
235
242
|
version: '0'
|
236
243
|
requirements: []
|
237
|
-
|
238
|
-
|
239
|
-
signing_key:
|
244
|
+
rubygems_version: 3.0.6
|
245
|
+
signing_key:
|
240
246
|
specification_version: 4
|
241
247
|
summary: beyond is a collection of frontend components which aims for admin website.
|
242
248
|
test_files: []
|