@maalbuquerque/tailsass 1.0.2 → 1.0.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/tailsass.css +63 -35
- package/dist/tailsass.min.css +1 -1
- package/package.json +1 -1
- package/src/_animation.scss +63 -10
- package/src/_overflow.scss +17 -19
package/dist/tailsass.css
CHANGED
|
@@ -1,37 +1,65 @@
|
|
|
1
|
+
@keyframes spin {
|
|
2
|
+
to {
|
|
3
|
+
transform: rotate(360deg);
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
@keyframes pulse {
|
|
7
|
+
50% {
|
|
8
|
+
opacity: 0.5;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
@keyframes bounce {
|
|
12
|
+
0%, 100% {
|
|
13
|
+
transform: translateY(-25%);
|
|
14
|
+
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
|
|
15
|
+
}
|
|
16
|
+
50% {
|
|
17
|
+
transform: none;
|
|
18
|
+
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
1
21
|
.transition-none {
|
|
2
|
-
transition: none;
|
|
22
|
+
transition-property: none;
|
|
3
23
|
}
|
|
4
24
|
|
|
5
25
|
.transition-all {
|
|
6
|
-
transition: all
|
|
26
|
+
transition-property: all;
|
|
27
|
+
transition-duration: 0.2s;
|
|
28
|
+
transition-timing-function: ease-in-out;
|
|
7
29
|
}
|
|
8
30
|
|
|
9
31
|
.transition-colors {
|
|
10
|
-
transition: color
|
|
32
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
33
|
+
transition-duration: 0.2s;
|
|
34
|
+
transition-timing-function: ease-in-out;
|
|
11
35
|
}
|
|
12
36
|
|
|
13
37
|
.transition-opacity {
|
|
14
|
-
transition: opacity
|
|
38
|
+
transition-property: opacity;
|
|
39
|
+
transition-duration: 0.2s;
|
|
40
|
+
transition-timing-function: ease-in-out;
|
|
15
41
|
}
|
|
16
42
|
|
|
17
43
|
.transition-transform {
|
|
18
|
-
transition: transform
|
|
44
|
+
transition-property: transform;
|
|
45
|
+
transition-duration: 0.2s;
|
|
46
|
+
transition-timing-function: ease-in-out;
|
|
19
47
|
}
|
|
20
48
|
|
|
21
49
|
.animate-spin {
|
|
22
|
-
animation:
|
|
50
|
+
animation: spin 1s linear infinite;
|
|
23
51
|
}
|
|
24
52
|
|
|
25
53
|
.animate-pulse {
|
|
26
|
-
animation:
|
|
54
|
+
animation: pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
27
55
|
}
|
|
28
56
|
|
|
29
57
|
.animate-bounce {
|
|
30
|
-
animation:
|
|
58
|
+
animation: bounce 1s infinite;
|
|
31
59
|
}
|
|
32
60
|
|
|
33
61
|
.animate-none {
|
|
34
|
-
animation:
|
|
62
|
+
animation: none;
|
|
35
63
|
}
|
|
36
64
|
|
|
37
65
|
:root {
|
|
@@ -42001,60 +42029,60 @@
|
|
|
42001
42029
|
overflow: auto;
|
|
42002
42030
|
}
|
|
42003
42031
|
|
|
42004
|
-
.overflow-hidden {
|
|
42005
|
-
overflow: hidden;
|
|
42006
|
-
}
|
|
42007
|
-
|
|
42008
|
-
.overflow-visible {
|
|
42009
|
-
overflow: visible;
|
|
42010
|
-
}
|
|
42011
|
-
|
|
42012
|
-
.overflow-clip {
|
|
42013
|
-
overflow: clip;
|
|
42014
|
-
}
|
|
42015
|
-
|
|
42016
|
-
.overflow-scroll {
|
|
42017
|
-
overflow: scroll;
|
|
42018
|
-
}
|
|
42019
|
-
|
|
42020
42032
|
.overflow-x-auto {
|
|
42021
|
-
overflow: auto
|
|
42033
|
+
overflow-x: auto;
|
|
42022
42034
|
}
|
|
42023
42035
|
|
|
42024
42036
|
.overflow-y-auto {
|
|
42025
|
-
overflow: auto
|
|
42037
|
+
overflow-y: auto;
|
|
42038
|
+
}
|
|
42039
|
+
|
|
42040
|
+
.overflow-hidden {
|
|
42041
|
+
overflow: hidden;
|
|
42026
42042
|
}
|
|
42027
42043
|
|
|
42028
42044
|
.overflow-x-hidden {
|
|
42029
|
-
overflow: hidden
|
|
42045
|
+
overflow-x: hidden;
|
|
42030
42046
|
}
|
|
42031
42047
|
|
|
42032
42048
|
.overflow-y-hidden {
|
|
42033
|
-
overflow: hidden
|
|
42049
|
+
overflow-y: hidden;
|
|
42050
|
+
}
|
|
42051
|
+
|
|
42052
|
+
.overflow-visible {
|
|
42053
|
+
overflow: visible;
|
|
42034
42054
|
}
|
|
42035
42055
|
|
|
42036
42056
|
.overflow-x-visible {
|
|
42037
|
-
overflow: visible
|
|
42057
|
+
overflow-x: visible;
|
|
42038
42058
|
}
|
|
42039
42059
|
|
|
42040
42060
|
.overflow-y-visible {
|
|
42041
|
-
overflow: visible
|
|
42061
|
+
overflow-y: visible;
|
|
42062
|
+
}
|
|
42063
|
+
|
|
42064
|
+
.overflow-clip {
|
|
42065
|
+
overflow: clip;
|
|
42042
42066
|
}
|
|
42043
42067
|
|
|
42044
42068
|
.overflow-x-clip {
|
|
42045
|
-
overflow: clip
|
|
42069
|
+
overflow-x: clip;
|
|
42046
42070
|
}
|
|
42047
42071
|
|
|
42048
42072
|
.overflow-y-clip {
|
|
42049
|
-
overflow: clip
|
|
42073
|
+
overflow-y: clip;
|
|
42074
|
+
}
|
|
42075
|
+
|
|
42076
|
+
.overflow-scroll {
|
|
42077
|
+
overflow: scroll;
|
|
42050
42078
|
}
|
|
42051
42079
|
|
|
42052
42080
|
.overflow-x-scroll {
|
|
42053
|
-
overflow: scroll
|
|
42081
|
+
overflow-x: scroll;
|
|
42054
42082
|
}
|
|
42055
42083
|
|
|
42056
42084
|
.overflow-y-scroll {
|
|
42057
|
-
overflow: scroll
|
|
42085
|
+
overflow-y: scroll;
|
|
42058
42086
|
}
|
|
42059
42087
|
|
|
42060
42088
|
.static {
|