diff --git a/README.md b/README.md index 7700160..6f5cf5b 100644 --- a/README.md +++ b/README.md @@ -22,18 +22,17 @@ It's very simple, follow these steps. - [blurywhite](examples/images/blurywhite.png) - [98](examples/images/98.png) (CSS taken from [jdan/95.css](https://github.com/jdan/98.css)) - List as much links as you like in the `links` array: - - With the `color` property you can give the link the color of the social + - With the `platform` property you can give the link the color of the social media plaform of your choice, but this feature is optional, the link will - be displayed in the themes color if unset. The currently supported platforms - are: + be displayed in the themes color if unset. This is currently only supported by themes which dont look ugly with that: + - blurywhite + The currently supported platforms are: - YouTube, Pinterest, Twitter, TikTok, Telegram, Linkedin, Mastodon, Tumblr, Discord, Twitch, Instagram, Flickr, Deviantart, Spotify, Snapchat, Reddit, Soundcloud, VK, Steam + - You can give the link a different text if you want with the `text` property. It displays the platform set in the `platform` property normaly, but with that propery you can overwrite that. + - If you don't want a platform color for a theme wich supports it. simply unset the `platform` property, but then you have to set the `text` property to get the link displayed. - Place the link in the `link` property, this property is needed. - - You can give the link a different text if you want with the `text` property. - This is also optional. - - Set the platform in the `platform` property, this will be displayed if the - `name` is unset. 5. Compile the page with the command: `npm run prod` 6. Copy the `build_production` directory to your webserver. diff --git a/source/_assets/sass/blurywhite.scss b/source/_assets/sass/blurywhite.scss index 13e3dc9..bb3cb37 100644 --- a/source/_assets/sass/blurywhite.scss +++ b/source/_assets/sass/blurywhite.scss @@ -88,11 +88,7 @@ body::before{ @each $name, $color in $brandcolors { .#{$name} { - border-color: $color; color: $color; - &:hover { - background-color: $color; - } } } } diff --git a/source/_assets/sass/main.scss b/source/_assets/sass/main.scss index 931685b..7c2cad7 100644 --- a/source/_assets/sass/main.scss +++ b/source/_assets/sass/main.scss @@ -67,14 +67,4 @@ body { color: $gradient2; } } - - @each $name, $color in $brandcolors { - .#{$name} { - border-color: $color; - color: $color; - &:hover { - background-color: $color; - } - } - } } diff --git a/source/_partials/default.blade.php b/source/_partials/default.blade.php index a258dd0..7e18969 100644 --- a/source/_partials/default.blade.php +++ b/source/_partials/default.blade.php @@ -4,21 +4,17 @@