mirror of
https://github.com/techno-tim/littlelink-server.git
synced 2024-11-26 06:05:34 +01:00
Fix CSS (#107)
* chore(dependencies): updated * fix(css): Fixed hover;focus
This commit is contained in:
Techno Tim
GitHub
parent
1166dfd3e6
commit
deba914161
@ -45,19 +45,8 @@ button {
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:hover,
|
||||
.button:focus {
|
||||
color: #333;
|
||||
border-color: #888;
|
||||
outline: 0;
|
||||
}
|
||||
.button.button-primary {
|
||||
color: #fff;
|
||||
filter: brightness(90%);
|
||||
}
|
||||
.button.button-primary:hover,
|
||||
.button.button-primary:focus {
|
||||
color: #fff;
|
||||
|
||||
.button:hover {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
@ -74,35 +63,17 @@ button:hover,
|
||||
/* Brand Styles
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
/* Default (this is great for your own brand color!) */
|
||||
.button.button-default {
|
||||
color: #ffffff;
|
||||
background-color: #0085ff;
|
||||
}
|
||||
.button.button-default:hover,
|
||||
.button.button-default:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Discord */
|
||||
.button.button-discord {
|
||||
color: #ffffff;
|
||||
background-color: #5865f2;
|
||||
}
|
||||
.button.button-discord:hover,
|
||||
.button.button-discord:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Facebook */
|
||||
.button.button-facebook {
|
||||
color: #ffffff;
|
||||
background-color: #1877f2;
|
||||
}
|
||||
.button.button-facebook:hover,
|
||||
.button.button-facebook:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Facebook Messenger */
|
||||
.button.button-facebookmessenger {
|
||||
@ -117,110 +88,66 @@ button:hover,
|
||||
#ff7061
|
||||
);
|
||||
}
|
||||
.button.button-facebookmessenger:hover,
|
||||
.button.button-facebookmessenger:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Figma */
|
||||
.button.button-figma {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-figma:hover,
|
||||
.button.button-figma:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Github */
|
||||
.button.button-github {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-github:hover,
|
||||
.button.button-github:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Goodreads */
|
||||
.button.button-goodreads {
|
||||
color: #333333;
|
||||
background-color: #f3f1e6;
|
||||
}
|
||||
.button.button-goodreads:hover,
|
||||
.button.button-goodreads:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Instagram */
|
||||
.button.button-instagram {
|
||||
color: #ffffff;
|
||||
background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
|
||||
}
|
||||
.button.button-instagram:hover,
|
||||
.button.button-instagram:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Kit */
|
||||
.button.button-kit {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-kit:hover,
|
||||
.button.button-kit:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Letterboxd */
|
||||
.button.button-letterboxd {
|
||||
color: #ffffff;
|
||||
background-color: #2c3440;
|
||||
}
|
||||
.button.button-letterboxd:hover,
|
||||
.button.button-letterboxd:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* LinkedIn */
|
||||
.button.button-linkedin {
|
||||
color: #ffffff;
|
||||
background-color: #2867b2;
|
||||
}
|
||||
.button.button-linkedin:hover,
|
||||
.button.button-linkedin:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Medium */
|
||||
.button.button-medium {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-medium:hover,
|
||||
.button.button-medium:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Micro.blog */
|
||||
.button.button-microblog {
|
||||
color: #ffffff;
|
||||
background-color: #fd9927;
|
||||
}
|
||||
.button.button-microblog:hover,
|
||||
.button.button-microblog:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Pinterest */
|
||||
.button.button-pinterest {
|
||||
color: #000000;
|
||||
background-color: #ffe2eb;
|
||||
}
|
||||
.button.button-pinterest:hover,
|
||||
.button.button-pinterest:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Producthunt */
|
||||
.button.button-producthunt {
|
||||
@ -230,240 +157,146 @@ button:hover,
|
||||
border-width: 2px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button.button-producthunt:hover,
|
||||
.button.button-producthunt:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Reddit */
|
||||
.button.button-reddit {
|
||||
color: #000000;
|
||||
background-color: #d7dfe2;
|
||||
}
|
||||
.button.button-reddit:hover,
|
||||
.button.button-reddit:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Skoob */
|
||||
.button.button-skoob {
|
||||
color: #ffffff;
|
||||
background-color: #3189c8;
|
||||
}
|
||||
.button.button-skoob:hover,
|
||||
.button.button-skoob:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Snapchat */
|
||||
.button.button-snapchat {
|
||||
color: #000000;
|
||||
background-color: #fffc00;
|
||||
}
|
||||
.button.button-snapchat:hover,
|
||||
.button.button-snapchat:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* SoundCloud */
|
||||
.button.button-soundcloud {
|
||||
color: #ffffff;
|
||||
background-color: #ff5500;
|
||||
}
|
||||
.button.button-soundcloud:hover,
|
||||
.button.button-soundcloud:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Spotify */
|
||||
.button.button-spotify {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-spotify:hover,
|
||||
.button.button-spotify:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Steam */
|
||||
.button.button-steam {
|
||||
color: #ffffff;
|
||||
background-color: #171a21;
|
||||
}
|
||||
.button.button-steam:hover,
|
||||
.button.button-steam:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Telegram */
|
||||
.button.button-telegram {
|
||||
color: #ffffff;
|
||||
background-color: #3faee8;
|
||||
}
|
||||
.button.button-telegram:hover,
|
||||
.button.button-telegram:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* TikTok */
|
||||
.button.button-tiktok {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-tiktok:hover,
|
||||
.button.button-tiktok:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Tumblr */
|
||||
.button.button-tumblr {
|
||||
color: #ffffff;
|
||||
background-color: #131313;
|
||||
}
|
||||
.button.button-tumblr:hover,
|
||||
.button.button-tumblr:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Twitch */
|
||||
.button.button-twitch {
|
||||
color: #ffffff;
|
||||
background-color: #9146ff;
|
||||
}
|
||||
.button.button-twitch:hover,
|
||||
.button.button-twitch:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Twitter */
|
||||
.button.button-twitter {
|
||||
color: #ffffff;
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
.button.button-twitter:hover,
|
||||
.button.button-twitter:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
/* Mastodon */
|
||||
.button.button-mastodon {
|
||||
color: #ffffff;
|
||||
background-color: #0e68a0;
|
||||
}
|
||||
.button.button-mastodon:hover,
|
||||
.button.button-mastodon:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Vimeo */
|
||||
.button.button-vimeo {
|
||||
color: #ffffff;
|
||||
background-color: #1ab7ea;
|
||||
}
|
||||
.button.button-vimeo:hover,
|
||||
.button.button-vimeo:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* YouTube */
|
||||
.button.button-youtube {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button.button-youtube:hover,
|
||||
.button.button-youtube:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
/* Wordpress */
|
||||
.button.button-wordpress {
|
||||
color: #ffffff;
|
||||
background-color: #21759b;
|
||||
}
|
||||
.button.button-wordpress:hover,
|
||||
.button.button-wordpress:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* WhatsApp */
|
||||
.button.button-whatsapp {
|
||||
color: #ffffff;
|
||||
background-color: #2db842;
|
||||
}
|
||||
.button.button-whatsapp:hover,
|
||||
.button.button-whatsapp:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Strava */
|
||||
.button.button-strava {
|
||||
color: #ffffff;
|
||||
background-color: #fd5000;
|
||||
}
|
||||
.button.button-strava:hover,
|
||||
.button.button-strava:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Buy Me a Coffee */
|
||||
.button.button-buymeacoffee {
|
||||
color: #000000;
|
||||
background-color: #FFDD00;
|
||||
}
|
||||
.button.button-strava:hover,
|
||||
.button.button-strava:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* GitLab */
|
||||
.button.button-gitlab {
|
||||
color: #8c929d;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.button.button-gitlab:hover,
|
||||
.button.button-gitlab:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Patreon */
|
||||
.button.button-patreon {
|
||||
color: #FFFFFF;
|
||||
background-color: #FF424D;
|
||||
}
|
||||
.button.button-patreon:hover,
|
||||
.button.button-patreon:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Dev.to */
|
||||
.button.button-devto {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
.button.button-devto:hover,
|
||||
.button.button-devto:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Paypal */
|
||||
.button.button-paypal {
|
||||
color: #ffffff;
|
||||
background-color: #1F264F;
|
||||
}
|
||||
.button.button-paypal:hover,
|
||||
.button.button-paypal:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Slack */
|
||||
.button.button-slack {
|
||||
color: #fff;
|
||||
background-color: #4a154b;
|
||||
}
|
||||
.button.button-slack:hover,
|
||||
.button.button-slack:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Stack Overflow */
|
||||
.button.button-stackoverflow {
|
||||
@ -475,77 +308,45 @@ button:hover,
|
||||
content: "overflow";
|
||||
font-weight: 700;
|
||||
}
|
||||
.button.button-stackoverflow:hover,
|
||||
.button.button-stackoverflow:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Last.fm */
|
||||
.button.button-lastfm {
|
||||
color: #ffffff;
|
||||
background-color: #000101;
|
||||
}
|
||||
.button.button-lastfm:hover,
|
||||
.button.button-lastfm:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Gitea */
|
||||
.button.button-gitea {
|
||||
color: #000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button.button-gitea:hover,
|
||||
.button.button-gitea:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Polywork */
|
||||
.button.button-polywork {
|
||||
color: #fff;
|
||||
background-color: #543DE0;
|
||||
}
|
||||
.button.button-polywork:hover,
|
||||
.button.button-polywork:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Signal */
|
||||
.button.button-signal {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
.button.button-signal:hover,
|
||||
.button.button-signal:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Untappd */
|
||||
.button.button-untappd {
|
||||
color: #000;
|
||||
background-color: #FFCE0D;
|
||||
}
|
||||
.button.button-untappd:hover,
|
||||
.button.button-untappd:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* Instant Gaming */
|
||||
.button.button-instantgaming {
|
||||
color: #f50;
|
||||
background-color: #000;
|
||||
}
|
||||
.button.button-instantgaming:hover,
|
||||
.button.button-instantgaming:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
/* ghost */
|
||||
.button.button-ghost {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
.button.button-ghost:hover,
|
||||
.button.button-ghost:focus {
|
||||
filter: brightness(90%)
|
||||
}
|
||||
|
||||
38
yarn.lock
38
yarn.lock
@ -2327,12 +2327,12 @@ browserslist@4.14.2:
|
||||
node-releases "^1.1.61"
|
||||
|
||||
browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.17.5, browserslist@^4.19.1:
|
||||
version "4.19.3"
|
||||
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.19.3.tgz#29b7caad327ecf2859485f696f9604214bedd383"
|
||||
integrity sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.0.tgz#35951e3541078c125d36df76056e94738a52ebe9"
|
||||
integrity sha512-bnpOoa+DownbciXj0jVGENf8VYQnE2LNWomhYuCsMmmx9Jd9lwq0WXODuwpSsp8AVdKM2/HorrzxAfbKvWTByQ==
|
||||
dependencies:
|
||||
caniuse-lite "^1.0.30001312"
|
||||
electron-to-chromium "^1.4.71"
|
||||
caniuse-lite "^1.0.30001313"
|
||||
electron-to-chromium "^1.4.76"
|
||||
escalade "^3.1.1"
|
||||
node-releases "^2.0.2"
|
||||
picocolors "^1.0.0"
|
||||
@ -2504,10 +2504,10 @@ caniuse-api@^3.0.0:
|
||||
lodash.memoize "^4.1.2"
|
||||
lodash.uniq "^4.5.0"
|
||||
|
||||
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001297, caniuse-lite@^1.0.30001312:
|
||||
version "1.0.30001312"
|
||||
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz#e11eba4b87e24d22697dae05455d5aea28550d5f"
|
||||
integrity sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==
|
||||
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001297, caniuse-lite@^1.0.30001313:
|
||||
version "1.0.30001313"
|
||||
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001313.tgz#a380b079db91621e1b7120895874e2fd62ed2e2f"
|
||||
integrity sha512-rI1UN0koZUiKINjysQDuRi2VeSCce3bYJNmDcj3PIKREiAmjakugBul1QSkg/fPrlULYl6oWfGg3PbgOSY9X4Q==
|
||||
|
||||
capture-exit@^2.0.0:
|
||||
version "2.0.0"
|
||||
@ -3411,10 +3411,10 @@ ee-first@1.1.1:
|
||||
resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
|
||||
integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
|
||||
|
||||
electron-to-chromium@^1.3.564, electron-to-chromium@^1.4.71:
|
||||
version "1.4.75"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.75.tgz#d1ad9bb46f2f1bf432118c2be21d27ffeae82fdd"
|
||||
integrity sha512-LxgUNeu3BVU7sXaKjUDD9xivocQLxFtq6wgERrutdY/yIOps3ODOZExK1jg8DTEg4U8TUCb5MLGeWFOYuxjF3Q==
|
||||
electron-to-chromium@^1.3.564, electron-to-chromium@^1.4.76:
|
||||
version "1.4.76"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.76.tgz#a0494baedaf51094b1c172999919becd9975a934"
|
||||
integrity sha512-3Vftv7cenJtQb+k00McEBZ2vVmZ/x+HEF7pcZONZIkOsESqAqVuACmBxMv0JhzX7u0YltU0vSqRqgBSTAhFUjA==
|
||||
|
||||
emittery@^0.7.1:
|
||||
version "0.7.2"
|
||||
@ -4187,9 +4187,9 @@ forwarded@0.2.0:
|
||||
integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
|
||||
|
||||
fraction.js@^4.1.2:
|
||||
version "4.1.3"
|
||||
resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.1.3.tgz#be65b0f20762ef27e1e793860bc2dfb716e99e65"
|
||||
integrity sha512-pUHWWt6vHzZZiQJcM6S/0PXfS+g6FM4BF5rj9wZyreivhQPdsh5PpE25VtSNxq80wHS5RfY51Ii+8Z0Zl/pmzg==
|
||||
version "4.2.0"
|
||||
resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
|
||||
integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
|
||||
|
||||
fragment-cache@^0.2.1:
|
||||
version "0.2.1"
|
||||
@ -4656,9 +4656,9 @@ http-errors@~1.6.2:
|
||||
statuses ">= 1.4.0 < 2"
|
||||
|
||||
http-parser-js@>=0.5.1:
|
||||
version "0.5.5"
|
||||
resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.5.tgz#d7c30d5d3c90d865b4a2e870181f9d6f22ac7ac5"
|
||||
integrity sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA==
|
||||
version "0.5.6"
|
||||
resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.6.tgz#2e02406ab2df8af8a7abfba62e0da01c62b95afd"
|
||||
integrity sha512-vDlkRPDJn93swjcjqMSaGSPABbIarsr1TLAui/gLDXzV5VsJNdXNzMYDyNBLQkjWQCJ1uizu8T2oDMhmGt0PRA==
|
||||
|
||||
http-proxy-agent@^4.0.1:
|
||||
version "4.0.1"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user