aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.css
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2019-11-12 08:23:44 -0800
committerGitHub <noreply@github.com>2019-11-12 08:23:44 -0800
commit05bdc2680193564dbb8acbd85aa8d79eeec546f5 (patch)
treee3789186c38674cc94a29d72684d9413630bb5a7 /app.css
parent8aa8398fba4916ced1b793a7ca7e8574fc7ff98e (diff)
parent7312bdd6bc5b57349a72402077f9ed6da332be6c (diff)
downloadhomer-05bdc2680193564dbb8acbd85aa8d79eeec546f5.tar.gz
homer-05bdc2680193564dbb8acbd85aa8d79eeec546f5.tar.zst
homer-05bdc2680193564dbb8acbd85aa8d79eeec546f5.zip
Merge pull request #5 from pdevq/master
Styling Tags - Search Bar Icon Fix - Dark Theme Link Hover Text
Diffstat (limited to 'app.css')
-rw-r--r--app.css18
1 files changed, 17 insertions, 1 deletions
diff --git a/app.css b/app.css
index 8a97742..27617de 100644
--- a/app.css
+++ b/app.css
@@ -9,6 +9,8 @@ body {
9 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; 9 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
10 background-color: #f5f5f5; 10 background-color: #f5f5f5;
11 color: #363636; } 11 color: #363636; }
12 body #app a:hover {
13 color: #363636; }
12 body #app .title { 14 body #app .title {
13 color: #303030; } 15 color: #303030; }
14 body #app .subtitle { 16 body #app .subtitle {
@@ -25,6 +27,8 @@ body {
25 body #app { 27 body #app {
26 background-color: #f5f5f5; 28 background-color: #f5f5f5;
27 color: #363636; } 29 color: #363636; }
30 body #app a:hover {
31 color: #363636; }
28 body #app .title { 32 body #app .title {
29 color: #303030; } 33 color: #303030; }
30 body #app .subtitle { 34 body #app .subtitle {
@@ -41,6 +45,8 @@ body {
41 body #app { 45 body #app {
42 background-color: #131313; 46 background-color: #131313;
43 color: #eaeaea; } 47 color: #eaeaea; }
48 body #app a:hover {
49 color: #ffdd57; }
44 body #app .title { 50 body #app .title {
45 color: #fafafa; } 51 color: #fafafa; }
46 body #app .subtitle { 52 body #app .subtitle {
@@ -56,6 +62,8 @@ body {
56 body #app.is-light { 62 body #app.is-light {
57 background-color: #f5f5f5; 63 background-color: #f5f5f5;
58 color: #363636; } 64 color: #363636; }
65 body #app.is-light a:hover {
66 color: #363636; }
59 body #app.is-light .title { 67 body #app.is-light .title {
60 color: #303030; } 68 color: #303030; }
61 body #app.is-light .subtitle { 69 body #app.is-light .subtitle {
@@ -71,6 +79,8 @@ body {
71 body #app.is-dark { 79 body #app.is-dark {
72 background-color: #131313; 80 background-color: #131313;
73 color: #eaeaea; } 81 color: #eaeaea; }
82 body #app.is-dark a:hover {
83 color: #ffdd57; }
74 body #app.is-dark .title { 84 body #app.is-dark .title {
75 color: #fafafa; } 85 color: #fafafa; }
76 body #app.is-dark .subtitle { 86 body #app.is-dark .subtitle {
@@ -130,6 +140,7 @@ body {
130 body #bighead .navbar a { 140 body #bighead .navbar a {
131 color: #ffffff; } 141 color: #ffffff; }
132 body #bighead .navbar a:hover { 142 body #bighead .navbar a:hover {
143 color: #ffffff;
133 background-color: #5a95f5; } 144 background-color: #5a95f5; }
134 body #main-section { 145 body #main-section {
135 margin-bottom: 2rem; 146 margin-bottom: 2rem;
@@ -165,6 +176,8 @@ body {
165 overflow: hidden; 176 overflow: hidden;
166 transition: all 0.2s ease-out; 177 transition: all 0.2s ease-out;
167 padding: 0; } 178 padding: 0; }
179 body .tag .tag-text {
180 display: none; }
168 body .card { 181 body .card {
169 border-radius: 5px; 182 border-radius: 5px;
170 border: none; 183 border: none;
@@ -178,6 +191,8 @@ body {
178 width: auto; 191 width: auto;
179 color: #ffffff; 192 color: #ffffff;
180 padding: 0 0.75em; } 193 padding: 0 0.75em; }
194 body .card:hover .tag .tag-text {
195 display: block; }
181 body .card-content { 196 body .card-content {
182 height: 85px; 197 height: 85px;
183 padding: 1.3rem; } 198 padding: 1.3rem; }
@@ -215,11 +230,12 @@ body {
215 width: 250px; 230 width: 250px;
216 background-color: #ffffff; } 231 background-color: #ffffff; }
217 body .search-bar .search-label::before { 232 body .search-bar .search-label::before {
218 font-family: 'FontAwesome'; 233 font-family: 'Font Awesome 5 Free';
219 position: absolute; 234 position: absolute;
220 top: 12px; 235 top: 12px;
221 left: 8px; 236 left: 8px;
222 content: "\f002"; 237 content: "\f002";
238 font-weight: 900;
223 width: 20px; 239 width: 20px;
224 height: 20px; } 240 height: 20px; }
225 body .search-bar:focus-within .search-label::before { 241 body .search-bar:focus-within .search-label::before {