vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

also actually ~3 month ago i added the rainbow text and tweaked minor things

Browse source
This commit is contained in:
Vri 2022-01-06 21:00:56 +01:00
parent fef113c769
commit 8a49bb109a
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 36 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
assets/style.scss
View file

@ -39,6 +39,11 @@ body {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1em;
margin: .8em 0;
}
a {
color: var(--text);
text-decoration: underline;
@ -60,12 +65,15 @@ pre {
padding: 10px 15px;
}
p img {
p {
hyphens: auto;
img {
border: 2px solid var(--border);
border-radius: 4px;
display: block;
margin: 0 auto;
}
}
hr {
border: 1px solid var(--border);
@ -133,8 +141,24 @@ main {
span { font-size: .8em; }
}
#vris-cute-corner {
animation: rainbow-swoosh;
animation-duration: 30000s;
animation-iteration-count: infinite;
background-image: linear-gradient(135deg, #c940f9 14.29%, #ff1e00 14.29%, #ff1e00 28.57%, #ffa500 28.57%, #ffa500 42.86%, #ffe047 42.86%, #ffe047 57.14%, #67dc91 57.14%, #67dc91 71.43%, #67a1ed 71.43%, #67a1ed 85.71%, #c940f9 85.71%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
display: inline-block;
margin: 0.55em 0;
}
span[title="Freude"], span[title="happiness"] {
font-size: 1em;
}
p.date-published {
margin-bottom: -30px;
margin-bottom: -1.5em;
font-size: smaller;
font-style: italic;
}
@ -144,3 +168,9 @@ p.date-published {
margin: 0 auto;
}
}
@keyframes rainbow-swoosh {
0% { background-position-x: 0px; }
50% { background-position-x: 999999px; }
100% { background-position-x: 0px; }
}