mirror of
https://github.com/Damillora/Yuika
synced 2024-11-05 02:17:32 +00:00
add styles
This commit is contained in:
parent
d7017cb145
commit
f89eeaaaec
@ -39,10 +39,10 @@ header {
|
||||
}
|
||||
#post a {
|
||||
color: #085d93;
|
||||
@apply underline;
|
||||
}
|
||||
|
||||
#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 {
|
||||
@apply text-sm text-gray-800 mt-2;
|
||||
@ -58,6 +58,39 @@ header {
|
||||
@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 {
|
||||
background-color: #085d93;
|
||||
@apply py-4 px-4;
|
||||
|
4
post.hbs
4
post.hbs
@ -56,7 +56,7 @@
|
||||
<div class="w-1/3">
|
||||
<a href="{{url}}">
|
||||
<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>
|
||||
</div>
|
||||
</a>
|
||||
@ -66,7 +66,7 @@
|
||||
<div class="w-1/3">
|
||||
<a href="{{url}}">
|
||||
<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>
|
||||
</div>
|
||||
</a>
|
||||
|
Loading…
Reference in New Issue
Block a user