mirror of
https://github.com/Damillora/Yuika
synced 2024-10-06 14:52:49 +00:00
82 lines
1.2 KiB
CSS
82 lines
1.2 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
|
|
|
|
@tailwind base;
|
|
html {
|
|
@apply font-sans;
|
|
}
|
|
|
|
header {
|
|
background-color: #3b90c6;
|
|
@apply py-4 px-4;
|
|
}
|
|
|
|
|
|
#post p {
|
|
@apply my-3;
|
|
}
|
|
#post h1 {
|
|
@apply my-4 text-4xl font-light;
|
|
}
|
|
#post h2 {
|
|
@apply my-4 text-3xl font-light;
|
|
}
|
|
#post h3 {
|
|
@apply my-4 text-2xl font-light;
|
|
}
|
|
#post h4 {
|
|
@apply my-4 text-xl font-light;
|
|
}
|
|
#post h5 {
|
|
@apply my-4 text-lg font-light;
|
|
}
|
|
#post h6 {
|
|
@apply my-4 text-base font-light;
|
|
}
|
|
#post a {
|
|
color: #3b90c6;
|
|
@apply underline;
|
|
}
|
|
#post .kg-card {
|
|
@apply px-4 py-4 flex flex-col items-center border-2 object-contain my-4;
|
|
}
|
|
#post .kg-card figcaption {
|
|
@apply text-sm text-gray-800 mt-2;
|
|
}
|
|
|
|
#post .kg-gallery-container {
|
|
|
|
}
|
|
#post .kg-gallery-row {
|
|
@apply flex flex-row;
|
|
}
|
|
#post .kg-gallery-image {
|
|
@apply mx-1;
|
|
}
|
|
|
|
|
|
footer {
|
|
background-color: #3b90c6;
|
|
@apply py-4 px-4;
|
|
}
|
|
|
|
.nav {
|
|
@apply hidden flex flex-col w-full block mt-2;
|
|
display: none;
|
|
}
|
|
.nav li {
|
|
@apply flex flex-row h-12 items-center justify-start border-white border-t border-b my-0 py-2 text-white text-sm;
|
|
|
|
}
|
|
@screen md {
|
|
.nav {
|
|
@apply block w-auto;
|
|
}
|
|
.nav-li {
|
|
@apply justify-center border-none my-0;
|
|
}
|
|
}
|
|
@tailwind components;
|
|
|
|
@tailwind utilities;
|
|
|