@aotearoan/neon 18.2.1 → 18.2.2
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aotearoan/neon",
|
|
3
3
|
"description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
|
|
4
|
-
"version": "18.2.
|
|
4
|
+
"version": "18.2.2",
|
|
5
5
|
"main": "./dist/neon.cjs.js",
|
|
6
6
|
"module": "./dist/neon.es.js",
|
|
7
7
|
"types": "./dist/src/neon.d.ts",
|
|
@@ -63,11 +63,17 @@ a[href]:not(.neon-link--no-style) {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
&--outline-text {
|
|
66
|
+
&:after {
|
|
67
|
+
height: var(--neon-border-width-link);
|
|
68
|
+
background-color: var(--neon-color-link);
|
|
69
|
+
}
|
|
70
|
+
|
|
66
71
|
&:hover {
|
|
67
72
|
color: var(--neon-color-link-hover);
|
|
68
73
|
|
|
69
74
|
&:after {
|
|
70
75
|
background-color: var(--neon-color-link-hover);
|
|
76
|
+
height: var(--neon-border-width-link-hover);
|
|
71
77
|
}
|
|
72
78
|
}
|
|
73
79
|
}
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
font-weight: bold;
|
|
13
13
|
position: absolute;
|
|
14
14
|
left: 0;
|
|
15
|
-
bottom:
|
|
15
|
+
bottom: var(--neon-border-bottom-offset-link);
|
|
16
16
|
width: 100%;
|
|
17
|
-
height:
|
|
17
|
+
height: var(--neon-border-width-outline);
|
|
18
18
|
display: flex;
|
|
19
19
|
background-color: transparent;
|
|
20
20
|
border-radius: var(--neon-border-radius);
|
package/src/sass/variables.scss
CHANGED
|
@@ -236,6 +236,14 @@
|
|
|
236
236
|
/* note */
|
|
237
237
|
--neon-border-width-note: 8rem;
|
|
238
238
|
|
|
239
|
+
/* outline */
|
|
240
|
+
--neon-border-width-outline: 1rem;
|
|
241
|
+
|
|
242
|
+
/* link */
|
|
243
|
+
--neon-border-width-link: 1rem;
|
|
244
|
+
--neon-border-width-link-hover: 1rem;
|
|
245
|
+
--neon-border-bottom-offset-link: 2rem;
|
|
246
|
+
|
|
239
247
|
/* slider & range slider */
|
|
240
248
|
--neon-height-slider-track: 8rem;
|
|
241
249
|
--neon-height-slider-thumb: calc(3 * var(--neon-height-slider-track));
|
|
@@ -434,8 +442,8 @@
|
|
|
434
442
|
--neon-color-note: var(--neon-color-text);
|
|
435
443
|
|
|
436
444
|
/* link */
|
|
437
|
-
--neon-rgb-link: var(--neon-rgb-primary-l1);
|
|
438
445
|
--neon-color-link: var(--neon-color-primary-l1);
|
|
446
|
+
--neon-rgb-link: var(--neon-rgb-primary-l1); // should match the --neon-color-link color
|
|
439
447
|
--neon-color-link-hover: var(--neon-color-primary-l2);
|
|
440
448
|
--neon-color-link-visited: rgba(var(--neon-rgb-primary-l1), 0.6);
|
|
441
449
|
|
|
@@ -727,8 +735,8 @@
|
|
|
727
735
|
--neon-color-note: var(--neon-color-text);
|
|
728
736
|
|
|
729
737
|
/* link */
|
|
730
|
-
--neon-rgb-link: var(--neon-rgb-primary-d1);
|
|
731
738
|
--neon-color-link: var(--neon-color-primary-d1);
|
|
739
|
+
--neon-rgb-link: var(--neon-rgb-primary-d1); // should match the --neon-color-link color
|
|
732
740
|
--neon-color-link-hover: var(--neon-color-primary-d2);
|
|
733
741
|
--neon-color-link-visited: rgba(var(--neon-rgb-primary-d1), 0.6);
|
|
734
742
|
|