neo.mjs 5.2.4 → 5.2.6
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.
- package/apps/ServiceWorker.mjs +2 -2
- package/examples/ServiceWorker.mjs +2 -2
- package/package.json +1 -1
- package/resources/scss/src/tab/header/Button.scss +5 -2
- package/resources/scss/theme-dark/tab/header/Button.scss +10 -0
- package/resources/scss/theme-light/tab/header/Button.scss +10 -0
- package/src/DefaultConfig.mjs +2 -2
package/apps/ServiceWorker.mjs
CHANGED
package/package.json
CHANGED
@@ -8,10 +8,11 @@
|
|
8
8
|
align-self : end;
|
9
9
|
background-color: v(tab-button-background-color);
|
10
10
|
background-image: v(tab-button-background-image);
|
11
|
+
border : v(tab-button-border);
|
12
|
+
border-bottom : v(tab-button-border-bottom);
|
11
13
|
border-radius : v(tab-button-border-radius);
|
12
|
-
border-width : 0;
|
13
14
|
height : v(tab-button-height);
|
14
|
-
margin : 0;
|
15
|
+
margin : 0 0 v(tab-button-margin-bottom);
|
15
16
|
padding : v(tab-button-padding);
|
16
17
|
text-transform : v(tab-button-text-transform);
|
17
18
|
|
@@ -57,6 +58,8 @@
|
|
57
58
|
|
58
59
|
&.pressed {
|
59
60
|
background-image: v(tab-button-background-image-pressed) !important;
|
61
|
+
border : v(tab-button-border-pressed);
|
62
|
+
border-bottom : v(tab-button-border-bottom-pressed);
|
60
63
|
cursor : default;
|
61
64
|
height : v(tab-button-height-pressed);
|
62
65
|
|
@@ -11,6 +11,10 @@ $neoMap: map-merge($neoMap, (
|
|
11
11
|
'tab-button-background-image-pressed-left' : linear-gradient(to right, #434749, #323536),
|
12
12
|
'tab-button-background-image-pressed-right' : linear-gradient(to left, #434749, #323536),
|
13
13
|
'tab-button-background-image-right' : linear-gradient(to left, #393d3e, #282b2b),
|
14
|
+
'tab-button-border' : none,
|
15
|
+
'tab-button-border-bottom' : none,
|
16
|
+
'tab-button-border-bottom-pressed' : none,
|
17
|
+
'tab-button-border-pressed' : none,
|
14
18
|
'tab-button-border-radius' : 0,
|
15
19
|
'tab-button-gap' : 0,
|
16
20
|
'tab-button-glyph-color' : #bbb,
|
@@ -19,6 +23,7 @@ $neoMap: map-merge($neoMap, (
|
|
19
23
|
'tab-button-glyph-color-pressed' : #bbb,
|
20
24
|
'tab-button-height' : 25px,
|
21
25
|
'tab-button-height-pressed' : 25px,
|
26
|
+
'tab-button-margin-bottom' : 0,
|
22
27
|
'tab-button-padding' : 7px 12px 6px 12px,
|
23
28
|
'tab-button-text-color' : #bbb,
|
24
29
|
'tab-button-text-transform' : none
|
@@ -38,6 +43,10 @@ $neoMap: map-merge($neoMap, (
|
|
38
43
|
--tab-button-background-image-pressed-left : #{neo(tab-button-background-image-pressed-left)};
|
39
44
|
--tab-button-background-image-pressed-right : #{neo(tab-button-background-image-pressed-right)};
|
40
45
|
--tab-button-background-image-right : #{neo(tab-button-background-image-right)};
|
46
|
+
--tab-button-border : #{neo(tab-button-border)};
|
47
|
+
--tab-button-border-bottom : #{neo(tab-button-border-bottom)};
|
48
|
+
--tab-button-border-bottom-pressed : #{neo(tab-button-border-bottom-pressed)};
|
49
|
+
--tab-button-border-pressed : #{neo(tab-button-border-pressed)};
|
41
50
|
--tab-button-border-radius : #{neo(tab-button-border-radius)};
|
42
51
|
--tab-button-gap : #{neo(tab-button-gap)};
|
43
52
|
--tab-button-glyph-color : #{neo(tab-button-glyph-color)};
|
@@ -46,6 +55,7 @@ $neoMap: map-merge($neoMap, (
|
|
46
55
|
--tab-button-glyph-color-pressed : #{neo(tab-button-glyph-color-pressed)};
|
47
56
|
--tab-button-height : #{neo(tab-button-height)};
|
48
57
|
--tab-button-height-pressed : #{neo(tab-button-height-pressed)};
|
58
|
+
--tab-button-margin-bottom : #{neo(tab-button-margin-bottom)};
|
49
59
|
--tab-button-padding : #{neo(tab-button-padding)};
|
50
60
|
--tab-button-text-color : #{neo(tab-button-text-color)};
|
51
61
|
--tab-button-text-transform : #{neo(tab-button-text-transform)};
|
@@ -11,6 +11,10 @@ $neoMap: map-merge($neoMap, (
|
|
11
11
|
'tab-button-background-image-pressed-left' : none,
|
12
12
|
'tab-button-background-image-pressed-right' : none,
|
13
13
|
'tab-button-background-image-right' : none,
|
14
|
+
'tab-button-border' : none,
|
15
|
+
'tab-button-border-bottom' : none,
|
16
|
+
'tab-button-border-bottom-pressed' : none,
|
17
|
+
'tab-button-border-pressed' : none,
|
14
18
|
'tab-button-border-radius' : 0,
|
15
19
|
'tab-button-gap' : 0,
|
16
20
|
'tab-button-glyph-color' : #bbb,
|
@@ -19,6 +23,7 @@ $neoMap: map-merge($neoMap, (
|
|
19
23
|
'tab-button-glyph-color-pressed' : #1c60a0,
|
20
24
|
'tab-button-height' : 25px,
|
21
25
|
'tab-button-height-pressed' : 25px,
|
26
|
+
'tab-button-margin-bottom' : 0,
|
22
27
|
'tab-button-padding' : 7px 12px 6px 12px,
|
23
28
|
'tab-button-text-color' : #2b2b2b,
|
24
29
|
'tab-button-text-transform' : uppercase
|
@@ -38,6 +43,10 @@ $neoMap: map-merge($neoMap, (
|
|
38
43
|
--tab-button-background-image-pressed-left : #{neo(tab-button-background-image-pressed-left)};
|
39
44
|
--tab-button-background-image-pressed-right : #{neo(tab-button-background-image-pressed-right)};
|
40
45
|
--tab-button-background-image-right : #{neo(tab-button-background-image-right)};
|
46
|
+
--tab-button-border : #{neo(tab-button-border)};
|
47
|
+
--tab-button-border-bottom : #{neo(tab-button-border-bottom)};
|
48
|
+
--tab-button-border-bottom-pressed : #{neo(tab-button-border-bottom-pressed)};
|
49
|
+
--tab-button-border-pressed : #{neo(tab-button-border-pressed)};
|
41
50
|
--tab-button-border-radius : #{neo(tab-button-border-radius)};
|
42
51
|
--tab-button-gap : #{neo(tab-button-gap)};
|
43
52
|
--tab-button-glyph-color : #{neo(tab-button-glyph-color)};
|
@@ -46,6 +55,7 @@ $neoMap: map-merge($neoMap, (
|
|
46
55
|
--tab-button-glyph-color-pressed : #{neo(tab-button-glyph-color-pressed)};
|
47
56
|
--tab-button-height : #{neo(tab-button-height)};
|
48
57
|
--tab-button-height-pressed : #{neo(tab-button-height-pressed)};
|
58
|
+
--tab-button-margin-bottom : #{neo(tab-button-margin-bottom)};
|
49
59
|
--tab-button-padding : #{neo(tab-button-padding)};
|
50
60
|
--tab-button-text-color : #{neo(tab-button-text-color)};
|
51
61
|
--tab-button-text-transform : #{neo(tab-button-text-transform)};
|
package/src/DefaultConfig.mjs
CHANGED
@@ -237,12 +237,12 @@ const DefaultConfig = {
|
|
237
237
|
useVdomWorker: true,
|
238
238
|
/**
|
239
239
|
* buildScripts/injectPackageVersion.mjs will update this value
|
240
|
-
* @default '5.2.
|
240
|
+
* @default '5.2.6'
|
241
241
|
* @memberOf! module:Neo
|
242
242
|
* @name config.version
|
243
243
|
* @type String
|
244
244
|
*/
|
245
|
-
version: '5.2.
|
245
|
+
version: '5.2.6'
|
246
246
|
};
|
247
247
|
|
248
248
|
Object.assign(DefaultConfig, {
|