From dc9ebdba91c14a367cb96d53cdc40ad43c4b1d50 Mon Sep 17 00:00:00 2001 From: nikurasu Date: Sun, 24 Jul 2022 17:00:45 +0200 Subject: [PATCH] Removed the color property, the platform property is now used for the link coloring --- README.md | 13 ++++++------- source/_assets/sass/blurywhite.scss | 4 ---- source/_assets/sass/main.scss | 10 ---------- source/_partials/default.blade.php | 14 +++++--------- 4 files changed, 11 insertions(+), 30 deletions(-) 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 @@

{{ $page->author }}