New Brands
Added Amazon Music Added ArtStation Added Behance Added Cal.com Added Calendly Added Dribbble Added Fiverr Added Generic Shopping Bag Added Generic Shopping Tag Added Guilded Added Last.fm Added Line Added Mailchimp Added Shop Added Slack Added Square Added Upwork Added VSCO Added Zoom Reordered Branded and Generic Buttons in `index.html`.
This commit is contained in:
Seth Cottle
180
css/brands.css
180
css/brands.css
@ -95,6 +95,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Amazon Music */
|
||||
.button.button-amazon-music {
|
||||
color: #000000;
|
||||
background-color: #25D1DA;
|
||||
}
|
||||
.button.button-amazon-music:hover,
|
||||
.button.button-amazon-music:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Apple App Store */
|
||||
.button.button-appstore {
|
||||
color: #FFFFFF;
|
||||
@ -148,6 +158,17 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* ArtStation */
|
||||
.button.button-artstation {
|
||||
color: #ffffff;
|
||||
background-color: #18181C;
|
||||
border: 1px solid #FFFFFF;
|
||||
}
|
||||
.button.button-artstation:hover,
|
||||
.button.button-artstation:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Bandcamp */
|
||||
.button.button-bandcamp {
|
||||
color: #ffffff;
|
||||
@ -158,6 +179,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Behance */
|
||||
.button.button-behance {
|
||||
color: #ffffff;
|
||||
background-color: #0057FF;
|
||||
}
|
||||
.button.button-behance:hover,
|
||||
.button.button-behance:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Bluesky */
|
||||
.button.button-bluesky {
|
||||
color: #000000;
|
||||
@ -171,7 +202,7 @@ button:hover,
|
||||
|
||||
/* Buy Me a Coffee */
|
||||
.button.button-coffee {
|
||||
color: #100a26;
|
||||
color: #000000;
|
||||
background-color: #ffdd00;
|
||||
}
|
||||
.button.button-coffee:hover,
|
||||
@ -179,6 +210,27 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Cal.com */
|
||||
.button.button-cal {
|
||||
color: #FFFFFF;
|
||||
background-color: #292929;
|
||||
border: 1px solid #FFFFFF;
|
||||
}
|
||||
.button.button-cal:hover,
|
||||
.button.button-cal:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Calendly */
|
||||
.button.button-calendly {
|
||||
color: #FFFFFF;
|
||||
background-color: #006BFF;
|
||||
}
|
||||
.button.button-calendly:hover,
|
||||
.button.button-calendly:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Cash App */
|
||||
.button.button-cash-app {
|
||||
color: #ffffff;
|
||||
@ -221,6 +273,17 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Dribbble */
|
||||
.button.button-dribbble {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #212121;
|
||||
}
|
||||
.button.button-dribbble:hover,
|
||||
.button.button-dribbble:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Etsy */
|
||||
.button.button-etsy {
|
||||
color: #ffffff;
|
||||
@ -270,6 +333,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Fiverr */
|
||||
.button.button-fiverr {
|
||||
color: #ffffff;
|
||||
background-color: #1DBF73;
|
||||
}
|
||||
.button.button-fiverr:hover,
|
||||
.button.button-fiverr:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Flickr */
|
||||
.button.button-flickr {
|
||||
color: #ffffff;
|
||||
@ -357,6 +430,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Guilded */
|
||||
.button.button-guilded {
|
||||
color: #000000;
|
||||
background-color: #F5C400;
|
||||
}
|
||||
.button.button-guilded:hover,
|
||||
.button.button-guilded:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Hashnode */
|
||||
.button.button-hashnode {
|
||||
color: #000000;
|
||||
@ -409,6 +492,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Last.fm */
|
||||
.button.button-last-fm {
|
||||
color: #ffffff;
|
||||
background-color: #D51007;
|
||||
}
|
||||
.button.button-last-fm:hover,
|
||||
.button.button-last-fm:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Letterboxd */
|
||||
.button.button-letterboxd {
|
||||
color: #ffffff;
|
||||
@ -420,6 +513,17 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Line */
|
||||
.button.button-line {
|
||||
color: #FFFFFF;
|
||||
background-color: #06C755;
|
||||
}
|
||||
.button.button-line:hover,
|
||||
.button.button-line:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
/* LinkedIn */
|
||||
.button.button-linked {
|
||||
color: #ffffff;
|
||||
@ -430,6 +534,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Mailchimp */
|
||||
.button.button-mailchimp {
|
||||
color: #000000;
|
||||
background-color: #FFE01B;
|
||||
}
|
||||
.button.button-mailchimp:hover,
|
||||
.button.button-mailchimp:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Mastodon */
|
||||
.button.button-mastodon {
|
||||
color: #ffffff;
|
||||
@ -558,6 +672,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Shop */
|
||||
.button.button-shop {
|
||||
color: #ffffff;
|
||||
background-color: #5A31F4;
|
||||
}
|
||||
.button.button-shop:hover,
|
||||
.button.button-shop:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Signal */
|
||||
.button.button-signal {
|
||||
color: #ffffff;
|
||||
@ -578,6 +702,18 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Slack */
|
||||
.button.button-slack {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #212121;
|
||||
}
|
||||
.button.button-slack:hover,
|
||||
.button.button-slack:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
/* Snapchat */
|
||||
.button.button-snapchat {
|
||||
color: #000000;
|
||||
@ -619,6 +755,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Square */
|
||||
.button.button-square {
|
||||
color: #FFFFFF;
|
||||
background-color: #006AFF;
|
||||
}
|
||||
.button.button-square:hover,
|
||||
.button.button-square:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Steam */
|
||||
.button.button-steam {
|
||||
color: #ffffff;
|
||||
@ -742,6 +888,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Upwork */
|
||||
.button.button-upwork {
|
||||
color: #FFFFFF;
|
||||
background-color: #14A800;
|
||||
}
|
||||
.button.button-upwork:hover,
|
||||
.button.button-upwork:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Venmo */
|
||||
.button.button-venmo {
|
||||
color: #ffffff;
|
||||
@ -773,6 +929,17 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* VSCO */
|
||||
.button.button-vsco {
|
||||
color: #FFFFFF;
|
||||
background-color: #000000;
|
||||
border: 1px solid #FFFFFF;
|
||||
}
|
||||
.button.button-vsco:hover,
|
||||
.button.button-vsco:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Website */
|
||||
.button.button-web {
|
||||
color: #ffffff;
|
||||
@ -824,3 +991,14 @@ button:hover,
|
||||
.button.button-yt:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Zoom */
|
||||
.button.button-zoom {
|
||||
color: #ffffff;
|
||||
background-color: #0B5CFF;
|
||||
}
|
||||
.button.button-zoom:hover,
|
||||
.button.button-zoom:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user