/
EverythingDev.svelte
95 lines (93 loc) · 4.82 KB
/
EverythingDev.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<div
class="_bg-red-500_7dkb0w _sm:text-xl_7dkb0w _dark:hover:bg-green-500_7dkb0w _transform_7dkb0w _scale-5_7dkb0w"
/>
<div class:_logo_7dkb0w={logo} class="foo bar" />
<div class:_text-orange-400_7dkb0w={foo} class="_shortcut_7dkb0w" />
<div
class="_text-center_7dkb0w _sm:text-left_7dkb0w _rtl:sm:text-right_7dkb0w _space-x-1_7dkb0w _rtl:space-x-reverse_7dkb0w foo"
>
<div class="_text-sm_7dkb0w _hover:text-red_7dkb0w" />
<Button class="_hover:text-red_7dkb0w _text-sm_7dkb0w" />
</div>
<style>
:global(._logo_7dkb0w) {
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 308' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF3E00' d='M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244'/%3E%3Cpath fill='%23FFF' d='M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398'/%3E%3C/svg%3E")
no-repeat;
background-size: 100% 100%;
background-color: transparent;
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
width: 6em;
}
:global(._shortcut_7dkb0w) {
width: 1.25rem;
}
:global(._scale-5_7dkb0w) {
--un-scale-x: 0.05;
--un-scale-y: 0.05;
transform: translateX(var(--un-translate-x))
translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
rotate(var(--un-rotate)) rotateX(var(--un-rotate-x))
rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x))
scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
:global(._transform_7dkb0w) {
transform: translateX(var(--un-translate-x))
translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
rotate(var(--un-rotate)) rotateX(var(--un-rotate-x))
rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x))
scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
:global(._space-x-1_7dkb0w > :not([hidden]) ~ :not([hidden])) {
--un-space-x-reverse: 0;
margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse)));
margin-right: calc(0.25rem * var(--un-space-x-reverse));
}
:global(
[dir="rtl"]
._rtl\:space-x-reverse_7dkb0w
> :not([hidden])
~ :not([hidden])
) {
--un-space-x-reverse: 1;
}
:global(._bg-red-500_7dkb0w) {
--un-bg-opacity: 1;
background-color: rgba(239, 68, 68, var(--un-bg-opacity));
}
:global(.dark ._dark\:hover\:bg-green-500_7dkb0w:hover) {
--un-bg-opacity: 1;
background-color: rgba(34, 197, 94, var(--un-bg-opacity));
}
:global(._text-center_7dkb0w) {
text-align: center;
}
:global(._text-sm_7dkb0w) {
font-size: 0.875rem;
line-height: 1.25rem;
}
:global(._text-orange-400_7dkb0w) {
--un-text-opacity: 1;
color: rgba(251, 146, 60, var(--un-text-opacity));
}
:global(._hover\:text-red_7dkb0w:hover) {
--un-text-opacity: 1;
color: rgba(248, 113, 113, var(--un-text-opacity));
}
@media (min-width: 640px) {
:global(._sm\:text-left_7dkb0w) {
text-align: left;
}
:global([dir="rtl"] ._rtl\:sm\:text-right_7dkb0w) {
text-align: right;
}
:global(._sm\:text-xl_7dkb0w) {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
</style>