consolidate css files
This commit is contained in:
633
css/brands.css
633
css/brands.css
@@ -1,633 +0,0 @@
|
|||||||
/*
|
|
||||||
* LittleLink Button Styles
|
|
||||||
* https://littlelink.io
|
|
||||||
* Free to use under the MIT license
|
|
||||||
* http://www.opensource.org/licenses/mit-license.php
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Brand Button Base Styles
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|
||||||
/* Only include brand-specific button styling here */
|
|
||||||
.button,button {
|
|
||||||
color:var(--button-text,#000000);
|
|
||||||
background-color:var(--button-background,transparent);
|
|
||||||
border:var(--button-border,none);
|
|
||||||
transition:filter 0.2s ease,transform 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Global Button Hover Effect
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|
||||||
.button:hover,button:hover {
|
|
||||||
filter:brightness(90%);
|
|
||||||
transform:translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Button Icons
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|
||||||
.icon {
|
|
||||||
filter:var(--icon-filter,none);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Brand-Specific Styles
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|
||||||
|
|
||||||
/* Default */
|
|
||||||
.button.button-default {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#2457F5;
|
|
||||||
--button-border:1px solid #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Amazon */
|
|
||||||
.button-amazon {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Amazon Music */
|
|
||||||
.button-amazon-music {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#25D1DA;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple App Store */
|
|
||||||
.button-appstore {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple Invites */
|
|
||||||
.button-invites {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple Music */
|
|
||||||
.button-apple-music {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple Music Alt */
|
|
||||||
.button-apple-music-alt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(to bottom,#FB5C74,#FA233B);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple Podcasts */
|
|
||||||
.button-apple-podcasts {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Apple Podcasts Alt */
|
|
||||||
.button-apple-podcasts-alt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(to bottom,#F452FF,#832BC1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bandcamp */
|
|
||||||
.button-bandcamp {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#1d9fc3;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Behance */
|
|
||||||
.button-behance {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#0057FF;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bluesky */
|
|
||||||
.button-bluesky {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#1185FE;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bluesky Alt */
|
|
||||||
.button-bluesky-alt {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Buy Me a Coffee */
|
|
||||||
.button-coffee {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffdd00;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cal.com */
|
|
||||||
.button-cal {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#292929;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Calendly */
|
|
||||||
.button-calendly {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#006BFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cash App */
|
|
||||||
.button-cash-app {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(to bottom,#00d64b,#00c244);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* dev.to */
|
|
||||||
.button-dev-to {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#f5f5f5;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Discogs */
|
|
||||||
.button-discogs {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Discogs Alt */
|
|
||||||
.button-discogs-alt {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Discord */
|
|
||||||
.button-discord {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#5865F2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dribbble */
|
|
||||||
.button-dribbble {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Etsy */
|
|
||||||
.button-etsy {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#F45800;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Facebook */
|
|
||||||
.button-faceb {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#0866FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Facebook Messenger */
|
|
||||||
.button-messenger {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#0866FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Figma */
|
|
||||||
.button-figma {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fiverr */
|
|
||||||
.button-fiverr {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#1DBF73;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Flickr */
|
|
||||||
.button-flickr {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GitHub */
|
|
||||||
.button-github {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GitLab */
|
|
||||||
.button-gitlab {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#6151b2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GoFundMe */
|
|
||||||
.button-gofundme {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#02A95C;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Goodreads */
|
|
||||||
.button-goodreads {
|
|
||||||
--button-text:#333333;
|
|
||||||
--button-background:#f3f1e6;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Google Black */
|
|
||||||
.button-google-black {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Google Play Store */
|
|
||||||
.button-playstore {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Google Scholar */
|
|
||||||
.button-google-scholar {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hashnode */
|
|
||||||
.button-hashnode {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Instagram */
|
|
||||||
.button-instagram {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kick */
|
|
||||||
.button-kick {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kick Alt */
|
|
||||||
.button-kick-alt {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#01e701;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kickstarter */
|
|
||||||
.button-kickstarter {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#05ce78;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kit */
|
|
||||||
.button-kit {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Ko-fi */
|
|
||||||
.button-ko-fi {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Last.fm */
|
|
||||||
.button-last-fm {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#D51007;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Letterboxd */
|
|
||||||
.button-letterboxd {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#2c3440;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Line */
|
|
||||||
.button-line {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#06C755;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LinkedIn */
|
|
||||||
.button-linked {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#2867b2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mailchimp */
|
|
||||||
.button-mailchimp {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFE01B;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mastodon */
|
|
||||||
.button-mastodon {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#17063B;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Matrix */
|
|
||||||
.button-matrix {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Meetup */
|
|
||||||
.button-meetup {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Meetup Alt */
|
|
||||||
.button-meetup-alt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#ED1C40;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Medium */
|
|
||||||
.button-medium {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Microsoft */
|
|
||||||
.button-microsoft {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Notion */
|
|
||||||
.button-notion {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Obsidian */
|
|
||||||
.button.button-obsidian {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#262626;
|
|
||||||
--button-border:1px solid #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* OnlyFans */
|
|
||||||
.button-onlyfans {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#00AEEF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Patreon */
|
|
||||||
.button-patreon {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* PayPal */
|
|
||||||
.button-paypal {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#002991;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pinterest */
|
|
||||||
.button-pinterest {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Product Hunt */
|
|
||||||
.button-product-hunt {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Reddit */
|
|
||||||
.button-reddit {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#FF4500;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Shop */
|
|
||||||
.button-shop {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#5A31F4;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Signal */
|
|
||||||
.button-signal {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#3B45FD;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Signal Alt */
|
|
||||||
.button-signal-alt {
|
|
||||||
--button-text:#3B45FD;
|
|
||||||
--button-background:#E3E8FE;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Slack */
|
|
||||||
.button-slack {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Snapchat */
|
|
||||||
.button-snapchat {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#fffc00;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* SoundCloud */
|
|
||||||
.button-soundcloud {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#ff5500;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Spotify */
|
|
||||||
.button-spotify {
|
|
||||||
--button-text:#191414;
|
|
||||||
--button-background:#1db954;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Spotify Alt */
|
|
||||||
.button-spotify-alt {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#191414;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Square */
|
|
||||||
.button-square {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#006AFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Stack Overflow */
|
|
||||||
.button-stack-overflow {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#FFFFFF;
|
|
||||||
--button-border:1px solid #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Steam */
|
|
||||||
.button-steam {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(90deg,#08BBFF,#2B75FF);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Steam Alt */
|
|
||||||
.button-steam-alt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
background-image:linear-gradient(90deg,#09172a,#072a57,#0c5085);
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Strava */
|
|
||||||
.button-strava {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#fc5200;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Substack */
|
|
||||||
.button-substack {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#FF6719;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Telegram */
|
|
||||||
.button-telegram {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#3faee8;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Threads */
|
|
||||||
.button-threads {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Threema */
|
|
||||||
.button-threema {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#3fe669;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* TikTok */
|
|
||||||
.button-tiktok {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Trello */
|
|
||||||
.button-trello {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#0065ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tumblr */
|
|
||||||
.button-tumb {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#131313;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Twitch */
|
|
||||||
.button-twitch {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#9146ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Unsplash */
|
|
||||||
.button-unsplash {
|
|
||||||
--button-text:#000000;
|
|
||||||
--button-background:#ffffff;
|
|
||||||
--button-border:1px solid #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Venmo */
|
|
||||||
.button-venmo {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#008CFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Vimeo */
|
|
||||||
.button-vimeo {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#1ab7ea;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* VSCO */
|
|
||||||
.button-vsco {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* WhatsApp */
|
|
||||||
.button-whatsapp {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#455a64;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* WordPress */
|
|
||||||
.button-wordpress {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#3858E9;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* X */
|
|
||||||
.button-x {
|
|
||||||
--button-text:#FFFFFF;
|
|
||||||
--button-background:#000000;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* YouTube */
|
|
||||||
.button-yt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#282828;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* YouTube Alt */
|
|
||||||
.button-yt-alt {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Zoom */
|
|
||||||
.button-zoom {
|
|
||||||
--button-text:#ffffff;
|
|
||||||
--button-background:#0B5CFF;
|
|
||||||
--button-border:1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
@@ -1,91 +0,0 @@
|
|||||||
/*
|
|
||||||
* LittleLink Reset
|
|
||||||
* A minimal CSS reset for LittleLink
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Box sizing rules */
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove default margin */
|
|
||||||
body,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
p,
|
|
||||||
figure,
|
|
||||||
blockquote,
|
|
||||||
dl,
|
|
||||||
dd {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove list styles on ul, ol elements */
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core root defaults */
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core body defaults */
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
text-rendering: optimizeSpeed;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make images easier to work with */
|
|
||||||
img,
|
|
||||||
picture {
|
|
||||||
max-width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inherit fonts for inputs and buttons */
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove all animations and transitions for people that prefer not to see them */
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: auto;
|
|
||||||
}
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
animation-duration: 0.01ms !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
transition-duration: 0.01ms !important;
|
|
||||||
scroll-behavior: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modern focus styles */
|
|
||||||
:focus:not(:focus-visible) {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:focus-visible {
|
|
||||||
outline: 2px solid #2457F5;
|
|
||||||
outline-offset: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove touch callout on iOS */
|
|
||||||
a {
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
}
|
|
||||||
726
css/style.css
726
css/style.css
@@ -1,3 +1,95 @@
|
|||||||
|
/*
|
||||||
|
* LittleLink Reset
|
||||||
|
* A minimal CSS reset for LittleLink
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Box sizing rules */
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove default margin */
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
p,
|
||||||
|
figure,
|
||||||
|
blockquote,
|
||||||
|
dl,
|
||||||
|
dd {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove list styles on ul, ol elements */
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set core root defaults */
|
||||||
|
html:focus-within {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set core body defaults */
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
text-rendering: optimizeSpeed;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make images easier to work with */
|
||||||
|
img,
|
||||||
|
picture {
|
||||||
|
max-width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inherit fonts for inputs and buttons */
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
textarea,
|
||||||
|
select {
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove all animations and transitions for people that prefer not to see them */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
html:focus-within {
|
||||||
|
scroll-behavior: auto;
|
||||||
|
}
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modern focus styles */
|
||||||
|
:focus:not(:focus-visible) {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:focus-visible {
|
||||||
|
outline: 2px solid #2457F5;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove touch callout on iOS */
|
||||||
|
a {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* LittleLink
|
* LittleLink
|
||||||
* https://littlelink.io
|
* https://littlelink.io
|
||||||
@@ -380,3 +472,637 @@ ul li {
|
|||||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
|
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
|
||||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg');
|
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* LittleLink Button Styles
|
||||||
|
* https://littlelink.io
|
||||||
|
* Free to use under the MIT license
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Brand Button Base Styles
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
/* Only include brand-specific button styling here */
|
||||||
|
.button,button {
|
||||||
|
color:var(--button-text,#000000);
|
||||||
|
background-color:var(--button-background,transparent);
|
||||||
|
border:var(--button-border,none);
|
||||||
|
transition:filter 0.2s ease,transform 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Global Button Hover Effect
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.button:hover,button:hover {
|
||||||
|
filter:brightness(90%);
|
||||||
|
transform:translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button Icons
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.icon {
|
||||||
|
filter:var(--icon-filter,none);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Brand-Specific Styles
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
|
||||||
|
/* Default */
|
||||||
|
.button.button-default {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#2457F5;
|
||||||
|
--button-border:1px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Amazon */
|
||||||
|
.button-amazon {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Amazon Music */
|
||||||
|
.button-amazon-music {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#25D1DA;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple App Store */
|
||||||
|
.button-appstore {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple Invites */
|
||||||
|
.button-invites {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple Music */
|
||||||
|
.button-apple-music {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple Music Alt */
|
||||||
|
.button-apple-music-alt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(to bottom,#FB5C74,#FA233B);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple Podcasts */
|
||||||
|
.button-apple-podcasts {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Apple Podcasts Alt */
|
||||||
|
.button-apple-podcasts-alt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(to bottom,#F452FF,#832BC1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bandcamp */
|
||||||
|
.button-bandcamp {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#1d9fc3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Behance */
|
||||||
|
.button-behance {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#0057FF;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bluesky */
|
||||||
|
.button-bluesky {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#1185FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bluesky Alt */
|
||||||
|
.button-bluesky-alt {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Buy Me a Coffee */
|
||||||
|
.button-coffee {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffdd00;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cal.com */
|
||||||
|
.button-cal {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#292929;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Calendly */
|
||||||
|
.button-calendly {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#006BFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cash App */
|
||||||
|
.button-cash-app {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(to bottom,#00d64b,#00c244);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* dev.to */
|
||||||
|
.button-dev-to {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#f5f5f5;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Discogs */
|
||||||
|
.button-discogs {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Discogs Alt */
|
||||||
|
.button-discogs-alt {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Discord */
|
||||||
|
.button-discord {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#5865F2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dribbble */
|
||||||
|
.button-dribbble {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Etsy */
|
||||||
|
.button-etsy {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#F45800;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Facebook */
|
||||||
|
.button-faceb {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#0866FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Facebook Messenger */
|
||||||
|
.button-messenger {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#0866FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Figma */
|
||||||
|
.button-figma {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fiverr */
|
||||||
|
.button-fiverr {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#1DBF73;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Flickr */
|
||||||
|
.button-flickr {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GitHub */
|
||||||
|
.button-github {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GitLab */
|
||||||
|
.button-gitlab {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#6151b2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GoFundMe */
|
||||||
|
.button-gofundme {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#02A95C;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Goodreads */
|
||||||
|
.button-goodreads {
|
||||||
|
--button-text:#333333;
|
||||||
|
--button-background:#f3f1e6;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Google Black */
|
||||||
|
.button-google-black {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Google Play Store */
|
||||||
|
.button-playstore {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Google Scholar */
|
||||||
|
.button-google-scholar {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hashnode */
|
||||||
|
.button-hashnode {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Instagram */
|
||||||
|
.button-instagram {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Kick */
|
||||||
|
.button-kick {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Kick Alt */
|
||||||
|
.button-kick-alt {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#01e701;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Kickstarter */
|
||||||
|
.button-kickstarter {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#05ce78;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Kit */
|
||||||
|
.button-kit {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ko-fi */
|
||||||
|
.button-ko-fi {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Last.fm */
|
||||||
|
.button-last-fm {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#D51007;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Letterboxd */
|
||||||
|
.button-letterboxd {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#2c3440;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Line */
|
||||||
|
.button-line {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#06C755;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LinkedIn */
|
||||||
|
.button-linked {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#2867b2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mailchimp */
|
||||||
|
.button-mailchimp {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFE01B;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mastodon */
|
||||||
|
.button-mastodon {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#17063B;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Matrix */
|
||||||
|
.button-matrix {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Meetup */
|
||||||
|
.button-meetup {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Meetup Alt */
|
||||||
|
.button-meetup-alt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#ED1C40;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Medium */
|
||||||
|
.button-medium {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Microsoft */
|
||||||
|
.button-microsoft {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Notion */
|
||||||
|
.button-notion {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Obsidian */
|
||||||
|
.button.button-obsidian {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#262626;
|
||||||
|
--button-border:1px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* OnlyFans */
|
||||||
|
.button-onlyfans {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#00AEEF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Patreon */
|
||||||
|
.button-patreon {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PayPal */
|
||||||
|
.button-paypal {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#002991;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pinterest */
|
||||||
|
.button-pinterest {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Product Hunt */
|
||||||
|
.button-product-hunt {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reddit */
|
||||||
|
.button-reddit {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#FF4500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Shop */
|
||||||
|
.button-shop {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#5A31F4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Signal */
|
||||||
|
.button-signal {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#3B45FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Signal Alt */
|
||||||
|
.button-signal-alt {
|
||||||
|
--button-text:#3B45FD;
|
||||||
|
--button-background:#E3E8FE;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slack */
|
||||||
|
.button-slack {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Snapchat */
|
||||||
|
.button-snapchat {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#fffc00;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* SoundCloud */
|
||||||
|
.button-soundcloud {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#ff5500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Spotify */
|
||||||
|
.button-spotify {
|
||||||
|
--button-text:#191414;
|
||||||
|
--button-background:#1db954;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Spotify Alt */
|
||||||
|
.button-spotify-alt {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#191414;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Square */
|
||||||
|
.button-square {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#006AFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stack Overflow */
|
||||||
|
.button-stack-overflow {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#FFFFFF;
|
||||||
|
--button-border:1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Steam */
|
||||||
|
.button-steam {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(90deg,#08BBFF,#2B75FF);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Steam Alt */
|
||||||
|
.button-steam-alt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
background-image:linear-gradient(90deg,#09172a,#072a57,#0c5085);
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Strava */
|
||||||
|
.button-strava {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#fc5200;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Substack */
|
||||||
|
.button-substack {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#FF6719;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Telegram */
|
||||||
|
.button-telegram {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#3faee8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Threads */
|
||||||
|
.button-threads {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Threema */
|
||||||
|
.button-threema {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#3fe669;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TikTok */
|
||||||
|
.button-tiktok {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Trello */
|
||||||
|
.button-trello {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#0065ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tumblr */
|
||||||
|
.button-tumb {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#131313;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Twitch */
|
||||||
|
.button-twitch {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#9146ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Unsplash */
|
||||||
|
.button-unsplash {
|
||||||
|
--button-text:#000000;
|
||||||
|
--button-background:#ffffff;
|
||||||
|
--button-border:1px solid #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Venmo */
|
||||||
|
.button-venmo {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#008CFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vimeo */
|
||||||
|
.button-vimeo {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#1ab7ea;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* VSCO */
|
||||||
|
.button-vsco {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WhatsApp */
|
||||||
|
.button-whatsapp {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#455a64;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WordPress */
|
||||||
|
.button-wordpress {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#3858E9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* X */
|
||||||
|
.button-x {
|
||||||
|
--button-text:#FFFFFF;
|
||||||
|
--button-background:#000000;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* YouTube */
|
||||||
|
.button-yt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#282828;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* YouTube Alt */
|
||||||
|
.button-yt-alt {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Zoom */
|
||||||
|
.button-zoom {
|
||||||
|
--button-text:#ffffff;
|
||||||
|
--button-background:#0B5CFF;
|
||||||
|
--button-border:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user