Damillora/Yuika
1
0
Fork 0
mirror of https://github.com/Damillora/Yuika synced 2024-11-22 09:17:33 +00:00
Code Issues Releases Wiki Activity

add styles

Browse Source
This commit is contained in:
Damillora 2019-11-09 20:19:36 +07:00
parent d7017cb145
commit f89eeaaaec
2 changed files with 37 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
assets/css/styles.css
View File

@ -39,10 +39,10 @@ header {
} }
#post a { #post a {
color: #085d93; color: #085d93;
@apply underline;
} }
#post .kg-card { #post .kg-card {
@apply px-4 py-4 flex flex-col items-center border-2 object-contain my-4; @apply px-4 py-4 flex flex-col items-center object-contain my-4;
} }
#post .kg-card figcaption { #post .kg-card figcaption {
@apply text-sm text-gray-800 mt-2; @apply text-sm text-gray-800 mt-2;
@ -58,6 +58,39 @@ header {
@apply mx-1; @apply mx-1;
} }
#post .kg-bookmark-card {
@apply text-black;
}
#post .kg-bookmark-container {
@apply flex flex-row justify-between text-black border border-gray-500;
}
#post .kg-bookmark-content {
@apply w-2/3 py-4 px-4;
}
#post .kg-bookmark-thumbnail {
@apply w-1/3 h-full;
}
#post .kg-bookmark-thumbnail img {
@apply w-full h-full object-cover;
}
#post .kg-bookmark-title {
@apply font-medium text-xl no-underline mb-1;
}
#post .kg-bookmark-description {
@apply font-light text-sm my-2;
}
#post .kg-bookmark-metadata {
@apply flex flex-row items-start justify-end h-6 my-4;
}
#post .kg-bookmark-icon {
@apply h-full mx-2;
}
#post .kg-bookmark-author {
@apply text-sm text-blue-700 truncate;
}
#post .kg-bookmark-publisher {
@apply text-sm text-blue-700 truncate;
}
footer { footer {
background-color: #085d93; background-color: #085d93;
@apply py-4 px-4; @apply py-4 px-4;

4
post.hbs
View File

@ -56,7 +56,7 @@
<div class="w-1/3"> <div class="w-1/3">
<a href="{{url}}"> <a href="{{url}}">
<div class="flex flex-col items-end"> <div class="flex flex-col items-end">
<p class="text-xl text-blue-500">Previous post</p> <p class="text-xl text-blue-700">Previous post</p>
<p>{{title}}</p> <p>{{title}}</p>
</div> </div>
</a> </a>
@ -66,7 +66,7 @@
<div class="w-1/3"> <div class="w-1/3">
<a href="{{url}}"> <a href="{{url}}">
<div class="flex flex-col items-begin"> <div class="flex flex-col items-begin">
<p class="text-xl text-blue-500">Next post</p> <p class="text-xl text-blue-700">Next post</p>
<p>{{title}}</p> <p>{{title}}</p>
</div> </div>
</a> </a>