We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 6a8b325 commit 03f2ec8Copy full SHA for 03f2ec8
lib/nthul/src/styles.css
@@ -26,14 +26,28 @@
26
content: "A";
27
}
28
29
+.light.nthul--color-switch {
30
+ box-shadow: 0 0 50px 10px yellow;
31
+ background-color: yellow;
32
+ border: 1px solid orangered;
33
+}
34
+
35
.dark.nthul--color-switch {
36
box-shadow: calc(var(--size) / 4) calc(var(--size) / -4) calc(var(--size) / 8) inset #fff;
37
border: none;
38
background: transparent;
39
+ animation: swing linear 0.5s;
40
41
-.light.nthul--color-switch {
- box-shadow: 0 0 50px 10px yellow;
- background-color: yellow;
- border: 1px solid orangered;
42
+@keyframes swing {
43
+ 40% {
44
+ transform: rotate(-15deg);
45
+ }
46
+ 80% {
47
+ transform: rotate(10deg);
48
49
+ 0%,
50
+ 100% {
51
+ transform: rotate(0deg);
52
53
0 commit comments