generated from argyleink/shortstack
-
Notifications
You must be signed in to change notification settings - Fork 384
/
index.css
69 lines (59 loc) · 1.13 KB
/
index.css
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
@layer base, library, carousel, carousel-custom;
@import "op.min.css";
@import "op.norm.min.css";
/* bug in Vite with cascade layers.. */
/* @import "open-props/style"; */
/* @import "open-props/normalize"; */
@import "carousel.css" layer(carousel);
@import "custom-carousel-items.css" layer(carousel-custom);
body {
display: grid;
gap: 10vh;
place-content: center;
overflow-x: hidden;
max-inline-size: 100vw;
& > section:first-of-type {
margin-block-start: 10vh;
}
& > section:last-of-type {
margin-block-end: 10vh;
}
}
section {
display: grid;
gap: 2vh;
& h2,
& > header {
margin-inline: auto;
text-align: center;
}
}
.github-corner {
position: absolute;
right: 4px;
width: 80px;
height: 80px;
fill: var(--surface-4);
color: var(--surface-1);
&:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
& > svg {
fill: inherit;
stroke: inherit;
position: absolute;
top: 0;
right: 0;
}
}
@keyframes octocat-wave{
0%,100% {
transform: rotate(0)
}
20%,60% {
transform: rotate(-25deg)
}
40%,80% {
transform: rotate(10deg)
}
}