diff --git a/css/brands.css b/css/brands.css deleted file mode 100644 index a5c2541..0000000 --- a/css/brands.css +++ /dev/null @@ -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; -} diff --git a/css/reset.css b/css/reset.css deleted file mode 100644 index 067b17e..0000000 --- a/css/reset.css +++ /dev/null @@ -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; -} diff --git a/css/style.css b/css/style.css index ab74092..9bfde9b 100644 --- a/css/style.css +++ b/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 * 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?#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; +}