mirror of
https://github.com/swc-project/swc.git
synced 2024-12-18 11:11:30 +03:00
64 lines
849 B
CSS
64 lines
849 B
CSS
:root {
|
|
--fg-c\olor: blue;
|
|
--fg-\color-other: blue;
|
|
--Foo: blue;
|
|
}
|
|
|
|
.box {
|
|
back\ground-color: \rebeccap\urple;
|
|
back\ground-color: var(--fg-c\olor);
|
|
border-radius: 10px;
|
|
width: 100\p\x;
|
|
height: 100px;
|
|
}
|
|
|
|
.b\ox:hover {
|
|
animation-name: rotate\ rotate;
|
|
animation-duration: 0.7s;
|
|
}
|
|
|
|
@ke\yframes rotate\ rotate {
|
|
0% {
|
|
transform: ro\tate(0);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@ke\yframes ro\tate {
|
|
0% {
|
|
transform: ro\tate(0);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@ke\yframes rotat\e {
|
|
0% {
|
|
transform: ro\tate(0);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
*|* {
|
|
color:blue
|
|
}
|
|
|
|
\*|* {
|
|
color:blue
|
|
}
|
|
|
|
@media screen and (min-width:0\0){
|
|
body {
|
|
color: red;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: \-\1\p\x;
|
|
}
|