website/themes/lynx/assets/css/main.css
2023-07-31 14:19:39 +02:00

144 lines
2.5 KiB
CSS

/*! Lynx v1.3.0 | MIT License | https://github.com/jpanther/lynx */
@tailwind base;
@tailwind components;
/* Scale SVG icons to text size */
.icon svg {
height: 1em;
width: 1em;
}
/* Links */
.link {
@apply bg-primary-700 text-white hover:brightness-90;
}
.link-amazon {
@apply text-neutral-900;
background-color: #ff9900;
}
.link-apple {
background-color: #333;
}
.link-codepen {
background-color: #1e1f26;
}
.link-dev {
background-color: #0a0a0a;
}
.link-discord {
background-color: #7289da;
}
.link-dribbble {
background-color: #ea4c89;
}
.link-facebook {
background-color: #1877f2;
}
.link-flickr {
background-color: #ff0184;
}
.link-foursquare {
background-color: #0732a2;
}
.link-github {
background-color: #333;
}
.link-gitlab {
background-color: #554488;
}
.link-google {
background-color: #4285f4;
}
.link-instagram {
background-color: #c13584;
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.link-keybase {
background-color: #33a0ff;
}
.link-kickstarter {
@apply text-neutral-900;
background-color: #06ce78;
}
.link-lastfm {
background-color: #d51007;
}
.link-linkedin {
background-color: #0077b5;
}
.link-mastodon {
background-color: #6364ff;
}
.link-medium {
background-color: #00ab6c;
}
.link-microsoft {
background-color: #08a6f0;
}
.link-orcid {
background-color: #a6ce39;
}
.link-patreon {
background-color: #ff434d;
}
.link-pinterest {
background-color: #e60023;
}
.link-reddit {
background-color: #ff4500;
}
.link-researchgate {
background-color: #40ba9c;
}
.link-slack {
background-color: #4a154b;
}
.link-snapchat {
@apply text-neutral-900;
background-color: #fffc00;
}
.link-soundcloud {
background-color: #ff8800;
background: linear-gradient(120deg, #ff8800, #ff3300);
}
.link-steam {
background-color: #000;
}
.link-telegram {
background-color: #25a3e1;
}
.link-tiktok {
background-color: #fe2d55;
}
.link-tumblr {
background-color: #001935;
}
.link-twitch {
background-color: #9146ff;
}
.link-twitter {
background-color: rgb(63, 136, 222);
}
.link-whatsapp {
background-color: #45d82c;
background: linear-gradient(120deg, #12990b, #45d82c);
}
.link-youtube {
background-color: #ff0000;
}
.link-stack-exchange {
background-color: #0095ff;
}
.link-stack-overflow {
background-color: #f48024;
}
/* -- Chroma Highlight -- */
/* Background */
.prose .chroma {
@apply rounded-md bg-neutral-50 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
}
@tailwind utilities;