@neatui/css 3.0.8 → 3.0.9

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.
Files changed (2) hide show
  1. package/core/ux.scss +29 -26
  2. package/package.json +1 -1
package/core/ux.scss CHANGED
@@ -47,9 +47,9 @@
47
47
  &,
48
48
  * {
49
49
  cursor: pointer;
50
+ text-decoration: underline;
50
51
  }
51
52
  &:hover {
52
- text-decoration: underline;
53
53
  }
54
54
  }
55
55
 
@@ -77,37 +77,40 @@
77
77
  }
78
78
 
79
79
  // 链接图标
80
- [ui-link],
80
+ [ux-link],
81
81
  .ux-link {
82
- transition: color 0.35s;
82
+ transition: color 0.15s;
83
83
  cursor: pointer;
84
- &::before {
85
- position: relative;
86
- top: -0.1em;
87
- content: '';
88
- width: 1em;
89
- height: 1em;
90
- display: inline-block;
91
- opacity: 0.3;
92
- transition:
93
- opacity 0.35s,
94
- transform 0.35s;
95
- color: currentColor;
96
- vertical-align: middle;
97
- background:
98
- linear-gradient(-45deg, transparent 38%, currentColor 40%, currentColor 60%, transparent 62%) no-repeat 50% 50% / 30% 30%,
99
- linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 19% 51% / 20% 20%,
100
- linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 48% 81% / 20% 20%,
101
- linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 51% 19% / 20% 20%,
102
- linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 81% 48% / 20% 20%,
103
- radial-gradient(circle at 75% 25%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 15% 85% / 35% 35%,
104
- radial-gradient(circle at 25% 75%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 85% 15% / 35% 35%;
84
+
85
+ &[ux-link~='icon'],
86
+ &.ux-link-icon {
87
+ &::before {
88
+ position: relative;
89
+ top: -0.1em;
90
+ content: '';
91
+ width: 1em;
92
+ height: 1em;
93
+ display: inline-block;
94
+ opacity: 0.3;
95
+ transition:
96
+ opacity 0.35s,
97
+ transform 0.35s;
98
+ color: currentColor;
99
+ vertical-align: middle;
100
+ background:
101
+ linear-gradient(-45deg, transparent 38%, currentColor 40%, currentColor 60%, transparent 62%) no-repeat 50% 50% / 30% 30%,
102
+ linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 19% 51% / 20% 20%,
103
+ linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 48% 81% / 20% 20%,
104
+ linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 51% 19% / 20% 20%,
105
+ linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 81% 48% / 20% 20%,
106
+ radial-gradient(circle at 75% 25%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 15% 85% / 35% 35%,
107
+ radial-gradient(circle at 25% 75%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 85% 15% / 35% 35%;
108
+ }
105
109
  }
106
110
 
107
111
  &:hover {
108
- transition: color 0.35s;
109
-
110
112
  color: var(--co-link);
113
+ text-decoration: underline;
111
114
  }
112
115
  }
113
116
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neatui/css",
3
- "version": "3.0.8",
3
+ "version": "3.0.9",
4
4
  "description": "neatui",
5
5
  "main": "./neatui.scss",
6
6
  "license": "MIT",