azeriand-library 1.2.1 → 1.2.3
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/dist/components/card/card.css +37 -0
- package/dist/style.css +0 -6
- package/dist/styles/globals.css +2 -0
- package/package.json +1 -1
- package/src/styles/globals.css +2 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.card{
|
|
2
|
+
/* border-radius: 20px; */
|
|
3
|
+
color: var(--card-text-color, white);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.card.glass{
|
|
7
|
+
background-color: color-mix(in oklch, var(--glass-color), transparent 80%);
|
|
8
|
+
border: 1px solid color-mix(in oklch, var(--glass-color), transparent 40%);
|
|
9
|
+
-webkit-backface-visibility: hidden;
|
|
10
|
+
-webkit-perspective: 1000;
|
|
11
|
+
-webkit-transform: translate3d(0,0,0);
|
|
12
|
+
-webkit-transform: translateZ(0);
|
|
13
|
+
backface-visibility: hidden;
|
|
14
|
+
perspective: 1000;
|
|
15
|
+
transform: translate3d(0,0,0);
|
|
16
|
+
transform: translateZ(0);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.card.mate{
|
|
20
|
+
background-color: var(--glass-color);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.card.outlined{
|
|
24
|
+
border: solid white 2px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
button .card.ghost:hover, button .card.outlined:hover{
|
|
28
|
+
background: color-mix(in oklch, var(--glass-color), transparent 80%);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
button .card.glass:hover{
|
|
32
|
+
box-shadow: 0 4px 10px color-mix(in oklch, var(--glass-color), transparent 85%);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
button .card.mate:hover{
|
|
36
|
+
background-color: color-mix(in oklch, var(--glass-color), white 10%)
|
|
37
|
+
}
|
package/dist/style.css
CHANGED
|
@@ -573,7 +573,6 @@ video {
|
|
|
573
573
|
--tw-blur: blur(8px);
|
|
574
574
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
575
575
|
}
|
|
576
|
-
|
|
577
576
|
:root {
|
|
578
577
|
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
579
578
|
line-height: 1.5;
|
|
@@ -838,7 +837,6 @@ video {
|
|
|
838
837
|
--card-text-color: var(--color-neutral-100);
|
|
839
838
|
--glass-opacity: 80%;
|
|
840
839
|
}
|
|
841
|
-
|
|
842
840
|
a {
|
|
843
841
|
font-weight: 500;
|
|
844
842
|
color: #646cff;
|
|
@@ -847,19 +845,16 @@ a {
|
|
|
847
845
|
a:hover {
|
|
848
846
|
color: #535bf2;
|
|
849
847
|
}
|
|
850
|
-
|
|
851
848
|
body {
|
|
852
849
|
margin: 0;
|
|
853
850
|
background-color: #1a1a1a;
|
|
854
851
|
height: 100vh;
|
|
855
852
|
overflow: hidden;
|
|
856
853
|
}
|
|
857
|
-
|
|
858
854
|
h1 {
|
|
859
855
|
font-size: 3.2em;
|
|
860
856
|
line-height: 1.1;
|
|
861
857
|
}
|
|
862
|
-
|
|
863
858
|
button {
|
|
864
859
|
border-radius: 8px;
|
|
865
860
|
border: 1px solid transparent;
|
|
@@ -878,7 +873,6 @@ button:focus,
|
|
|
878
873
|
button:focus-visible {
|
|
879
874
|
outline: 4px auto -webkit-focus-ring-color;
|
|
880
875
|
}
|
|
881
|
-
|
|
882
876
|
@media (prefers-color-scheme: light) {
|
|
883
877
|
:root {
|
|
884
878
|
color: #213547;
|
package/dist/styles/globals.css
CHANGED
package/package.json
CHANGED