@nu-art/ts-styles 0.200.73 → 0.200.74
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 +2 -2
- package/styles/colors/elements.scss +25 -0
- package/styles/colors/index.scss +2 -0
- package/styles/{mouse-interaction/mouse-interactive-colors.scss → colors/svgs.scss} +8 -18
- package/styles/index.scss +1 -1
- package/styles/scroll-bar/general.scss +7 -0
- package/styles/scroll-bar/index.scss +2 -1
- package/styles/mouse-interaction/index.scss +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nu-art/ts-styles",
|
|
3
|
-
"version": "0.200.
|
|
3
|
+
"version": "0.200.74",
|
|
4
4
|
"author": "nu-art",
|
|
5
5
|
"description": "Styles by Cipher",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"linkDirectory": true
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@nu-art/ts-common": "0.200.
|
|
16
|
+
"@nu-art/ts-common": "0.200.74",
|
|
17
17
|
"react": "^18.2.0"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// Sets backgrounds for element based on mouse interaction
|
|
2
|
+
///
|
|
3
|
+
/// @param $bg - base background
|
|
4
|
+
/// @param $bgh - background when mouse hover
|
|
5
|
+
/// @param $bga - background when mouse click
|
|
6
|
+
///
|
|
7
|
+
@mixin mouse-interactive-background($bg, $bg-h: $bg ,$bg-a: $bg-h) {
|
|
8
|
+
background: $bg;
|
|
9
|
+
&:hover {
|
|
10
|
+
background: $bg-h;
|
|
11
|
+
}
|
|
12
|
+
&:active {
|
|
13
|
+
background: $bg-a;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin mouse-interactive-text($c,$c-h,$c-a) {
|
|
18
|
+
color: $c;
|
|
19
|
+
&:hover {
|
|
20
|
+
color: $c-h;
|
|
21
|
+
}
|
|
22
|
+
&:active {
|
|
23
|
+
color: $c-a;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
@use '../consts' as consts;
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/// @param $bgh - background when mouse hover
|
|
7
|
-
/// @param $bga - background when mouse click
|
|
8
|
-
///
|
|
9
|
-
@mixin mouse-interactive-background($bg, $bg-h: $bg ,$bg-a: $bg-h) {
|
|
10
|
-
background: $bg;
|
|
11
|
-
&:hover {
|
|
12
|
-
background: $bg-h;
|
|
3
|
+
@mixin setIconProp($prop,$value) {
|
|
4
|
+
*:not([data-no-#{$prop}="true"]):not(g) {
|
|
5
|
+
#{$prop}: $value;
|
|
13
6
|
}
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin color-svg($color) {
|
|
10
|
+
@each $rule in consts.$svg-prop-rules {
|
|
11
|
+
@include setIconProp($rule, $color);
|
|
16
12
|
}
|
|
17
13
|
}
|
|
18
14
|
|
|
@@ -36,10 +32,4 @@
|
|
|
36
32
|
@include setIconProp($rule, $color-a);
|
|
37
33
|
}
|
|
38
34
|
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@mixin setIconProp($prop,$value) {
|
|
42
|
-
*:not([data-no-#{$prop}="true"]):not(g) {
|
|
43
|
-
#{$prop}: $value;
|
|
44
|
-
}
|
|
45
35
|
}
|
package/styles/index.scss
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@forward "custom-scroll-bar";
|
|
1
|
+
@forward "custom-scroll-bar";
|
|
2
|
+
@forward "general";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@forward "mouse-interactive-colors";
|