Dimitrie Stefanescu
126 lines
2.2 KiB
CSS
126 lines
2.2 KiB
CSS
/* Tailwind */
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
/* Main
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.main-illustration {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.main-illustration {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.text-gradient {
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
color: transparent;
|
|
}
|
|
|
|
.w-default {
|
|
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
|
|
}
|
|
|
|
.page-about-content h2, .page-about-content h3 {
|
|
@apply my-10;
|
|
}
|
|
|
|
.post-body h2 {
|
|
@apply text-4xl my-4 px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body h3 {
|
|
@apply text-2xl my-4 px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body p{
|
|
@apply my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body blockquote {
|
|
@apply my-4 pl-2 text-lg border-l-2 mx-auto max-w-prose border-l-4 border-blue-600 pl-5;
|
|
}
|
|
|
|
.post-body figure {
|
|
@apply my-10;
|
|
}
|
|
|
|
.post-body hr{
|
|
@apply my-10;
|
|
}
|
|
|
|
.post-body ul{
|
|
@apply text-lg my-4 list-inside list-disc my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body li{
|
|
@apply text-lg;
|
|
}
|
|
|
|
.post-body a {
|
|
@apply text-blue-500 font-normal;
|
|
}
|
|
|
|
.post-body a:hover {
|
|
@apply font-bold;
|
|
}
|
|
|
|
.post-body pre {
|
|
@apply p-4 px-8 my-10 rounded-xl bg-gray-200 dark:bg-gray-700 shadow-xl;
|
|
}
|
|
|
|
figcaption{
|
|
@apply text-sm text-center;
|
|
}
|
|
|
|
figure.kg-card.kg-image-card.kg-width-full img {
|
|
left: 50%;
|
|
margin-left: -50vw;
|
|
margin-right: -50vw;
|
|
max-width: 100vw;
|
|
position: relative;
|
|
right: 50%;
|
|
width: 99.5vw;
|
|
}
|
|
|
|
.kg-gallery-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 1040px;
|
|
width: 100%;
|
|
}
|
|
|
|
.kg-gallery-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.kg-gallery-image img {
|
|
display: block;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.kg-gallery-row:not(:first-of-type) {
|
|
margin: 0.75em 0 0 0;
|
|
}
|
|
|
|
.kg-gallery-image:not(:first-of-type) {
|
|
margin: 0 0 0 0.75em;
|
|
}
|
|
|
|
.kg-gallery-card + .kg-image-card.kg-width-wide,
|
|
.kg-gallery-card + .kg-gallery-card,
|
|
.kg-image-card.kg-width-wide + .kg-gallery-card,
|
|
.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
|
|
margin: -2.25em 0 3em;
|
|
}
|