Sugary/sugary.kemonomimi.gay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CSS:Made fonts local and added hover animation (ty yukijoou <3)

Browse source
This commit is contained in:
Sugaryy_ 2023-05-28 14:00:24 +02:00
parent ad6023cc4a
commit d65f5317df
1 changed files with 37 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/style.css
View file

@ -1,3 +1,6 @@
@import "https://kemonomimi.gay/common/fonts/CherryBombOne.css";
@import "https://kemonomimi.gay/common/fonts/IBMPlexMono.css";
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -9,6 +12,40 @@ body {
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
} }
a {
color: #18272F;
position: relative;
text-decoration: none;
}
a::before {
content: '';
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: #f5c2e7;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0);
transition: transform .3s ease-in-out;
}
@media (prefers-reduced-motion) {
a::before {
transition: opacity .3s ease-in-out;
opacity: 0%;
}
}
a:hover::before {
transform-origin: left;
transform: scaleX(1);
opacity: 100%;
}
a:link { a:link {
color: #89b4fa color: #89b4fa
} }
@ -42,36 +79,6 @@ pre {
font-size: 15px; font-size: 15px;
} }
@font-face {
font-family: 'IBM Plex Mono';
src: url("font/plex/IBMPlexMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: 'IBM Plex Mono';
src: url("font/plex/IBMPlexMono-Bold.woff2") format("woff2");
font-weight: bold;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url("font/plex/IBMPlexMono-Italic.woff2") format("woff2");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url("font/plex/IBMPlexMono-BoldItalic.woff2") format("woff2");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Cherry Bomb One';
src: url("font/cherrybombone/CherryBombOne-Regular.woff2") format("woff2");
}
ul { ul {
display: inline-block; display: inline-block;
margin: auto; margin: auto;