From 68038ed11b77d13354436a34f86007edc5c445e3 Mon Sep 17 00:00:00 2001 From: Damillora Date: Tue, 26 Nov 2019 02:25:00 +0700 Subject: [PATCH] be consistent --- assets/css/styles.css | 39 ++++++++++++++++++++++++++++++++++-- author.hbs | 2 +- partials/post-background.hbs | 2 +- partials/post-card.hbs | 17 ++++++++++------ post.hbs | 2 +- tag.hbs | 4 ++-- 6 files changed, 53 insertions(+), 13 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index 9778b25..26216de 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -23,6 +23,9 @@ header { height: 50vh; } +.no-image { + @apply bg-yuika-blue-500 +} /* 3. Content Styling */ #post p { @@ -49,7 +52,21 @@ header { #post a { @apply text-yuika-blue-700; } - +#post ul { + @apply list-disc; +} +#post ol { + @apply list-decimal; +} +#post code { + @apply bg-gray-200 text-yuika-blue-700; +} +#post blockquote { + @apply border-l-4 border-yuika-blue-700 pl-8; +} +#post pre { + @apply bg-gray-200 text-yuika-blue-700 px-2 py-2 border border-yuika-blue-500; +} #post .kg-card { @apply py-4 flex flex-col items-center object-contain my-4 mx-0; } @@ -95,6 +112,7 @@ header { #post .kg-bookmark-card { @apply text-black; } + #post .kg-bookmark-container { @apply flex flex-row justify-between text-black border border-gray-500 bg-white transition-bg; } @@ -140,12 +158,15 @@ footer { top: 100%; } .nav li { - @apply flex flex-row justify-start items-center my-0 py-2 text-white text-sm px-2 h-12 px-4; + @apply flex flex-row justify-start items-center my-0 py-2 text-white text-sm px-2 h-12 px-4 transition-bg; } .nav li a { @apply align-middle w-full table-cell; line-height: 2rem; } +.nav li:hover { + @apply bg-yuika-blue-700 transition-bg; +} @screen md { .nav { @@ -191,6 +212,20 @@ footer { } } +/* 5. Post Card */ +.post-card .excerpt { + max-height: 3.75rem; +} + +.primary-tag-header { + @apply bg-green-700 w-auto inline-block px-2 py-1 text-white text-sm; +} +.tag-header { + @apply bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm; +} +.author-header { + @apply bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm; +} @tailwind components; @tailwind utilities; diff --git a/author.hbs b/author.hbs index 0d9973a..de34c6a 100644 --- a/author.hbs +++ b/author.hbs @@ -9,7 +9,7 @@
-

Author

+ Author
diff --git a/partials/post-background.hbs b/partials/post-background.hbs index 4a0d74f..8da538a 100644 --- a/partials/post-background.hbs +++ b/partials/post-background.hbs @@ -28,6 +28,6 @@ with a `no-image` class so we can style it accordingly. {{else}} -
+
{{/if}} diff --git a/partials/post-card.hbs b/partials/post-card.hbs index e8937b0..18fa42d 100644 --- a/partials/post-card.hbs +++ b/partials/post-card.hbs @@ -4,18 +4,20 @@
+
{{#if primary_tag}} {{#primary_tag}} -
-

{{name}}

-
+ + {{name}} + {{/primary_tag}} {{/if}} +
-
-

{{excerpt words="30"}}

+
+

@@ -32,10 +34,13 @@

{{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}

-

+
+

{{excerpt words="30"}}

+
+
diff --git a/post.hbs b/post.hbs index 78c78c6..77494ed 100644 --- a/post.hbs +++ b/post.hbs @@ -12,7 +12,7 @@ {{#if primary_tag}} {{#primary_tag}} {{/primary_tag}} {{/if}} diff --git a/tag.hbs b/tag.hbs index edc6630..a5f642f 100644 --- a/tag.hbs +++ b/tag.hbs @@ -9,8 +9,8 @@
-
-

Tag

+
+ Tag

{{name}}