From a2fdb8a97b3210017b27c8a08908e18618bec6b4 Mon Sep 17 00:00:00 2001 From: pdevq <45507854+pdevq@users.noreply.github.com> Date: Wed, 23 Oct 2019 17:29:55 -0400 Subject: Add the option to style tags --- app.scss | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'app.scss') diff --git a/app.scss b/app.scss index d4d2099..95a3166 100644 --- a/app.scss +++ b/app.scss @@ -212,6 +212,10 @@ body { overflow: hidden; transition: all 0.2s ease-out; padding: 0; + + .tag-text { + display: none; + } } .card { @@ -232,6 +236,10 @@ body { width: auto; color: #ffffff; padding: 0 0.75em; + + .tag-text { + display: block; + } } } -- cgit v1.2.3 From a0e2769a59049e1ae83b404acf80594509fb8197 Mon Sep 17 00:00:00 2001 From: pdevq <45507854+pdevq@users.noreply.github.com> Date: Wed, 23 Oct 2019 17:31:04 -0400 Subject: Fix Font Awesome css in search bar --- app.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'app.scss') diff --git a/app.scss b/app.scss index 95a3166..3b77603 100644 --- a/app.scss +++ b/app.scss @@ -297,11 +297,12 @@ body { } .search-label::before { - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; position: absolute; top: 12px; left: 8px; content: "\f002"; + font-weight: 900; width: 20px; height: 20px; } -- cgit v1.2.3 From ab3366baf4217a6333a737350dffc53d7e61733a Mon Sep 17 00:00:00 2001 From: pdevq <45507854+pdevq@users.noreply.github.com> Date: Wed, 23 Oct 2019 17:32:47 -0400 Subject: Change dark theme link hover text color to be more visible --- app.scss | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'app.scss') diff --git a/app.scss b/app.scss index 3b77603..defd931 100644 --- a/app.scss +++ b/app.scss @@ -9,7 +9,8 @@ $theme-light: ( text: #363636, text-title: #303030, text-subtitle: #424242, - card-shadow: rgba(0, 0, 0, 0.1) + card-shadow: rgba(0, 0, 0, 0.1), + a-hover: #363636 ); $theme-dark: ( background: #131313, @@ -17,7 +18,8 @@ $theme-dark: ( text: #eaeaea, text-title: #fafafa, text-subtitle: #f5f5f5, - card-shadow: rgba(0, 0, 0, 0.4) + card-shadow: rgba(0, 0, 0, 0.4), + a-hover: #ffdd57 ); @@ -25,7 +27,12 @@ $theme-dark: ( @mixin theme($theme) { background-color: map-get($theme, "background"); color: map-get($theme, "text"); - + a { + &:hover { + color: map-get($theme, "a-hover"); + } + } + .title { color: map-get($theme, "text-title"); } @@ -154,6 +161,7 @@ body { a { color: #ffffff; &:hover { + color: #ffffff; background-color: lighten( $secondary-color, 5% ); } } -- cgit v1.2.3