albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

v3

Browse source
This commit is contained in:
skidoodle 2022-08-14 19:59:03 +02:00
parent 3a92d65900
commit 7dedfba1f9
31 changed files with 2971 additions and 1859 deletions
Download patch file Download diff file Expand all files Collapse all files

72
styles/globals.scss
View file

@ -1,26 +1,56 @@
@import '_variables';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body {
background-color: $background-color;
color: $primary-color;
padding: 0;
margin: 0;
font-family: $font;
font-weight: 400;
@layer base {
html {
scrollbar-width: thin;
scrollbar-color: #8a58e0 transparent;
}
body {
background-color: #000;
color: #fff;
}
ul, ol {
list-style: revert;
}
}
::selection {
background: rgba($selection-color, .7);
color: $primary-color;
@layer components {
::selection {
background-color: #8039e2;
color: #fff;
}
::-webkit-scrollbar {
width: 3px;
}
::-webkit-scrollbar-thumb {
background-color: #8a58e0;
border-radius: 10px;
}
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
@layer utilities {
.gradient {
color: transparent;
background-clip: text;
background-image: linear-gradient(to right, #800a18, #a82044, #9e4a60);
animation: gradient 5s ease infinite
}
@keyframes gradient {
0%, 100% {
background-size: 200%;
background-position: left center;
}
50% {
background-size: 200%;
background-position: right center;
}
}
}