Dimitrie Stefanescu
92 lines
1.6 KiB
CSS
92 lines
1.6 KiB
CSS
/* Tailwind */
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
@import "swiper/swiper-bundle";
|
|
|
|
/* Main
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.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;
|
|
}
|
|
|
|
.swiper-slide {
|
|
height: auto !important;
|
|
}
|
|
|
|
.perspective-700{
|
|
perspective: 750px;
|
|
}
|
|
|
|
.perspective-transform {
|
|
transform: rotateX(30deg) rotateY(0deg); transform-style: preserve-3d;
|
|
transition: 1s ease all;
|
|
}
|
|
|
|
.perspective-transform:hover{
|
|
transform: rotateX(15deg) rotateY(0deg);
|
|
}
|
|
|
|
/*
|
|
.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;
|
|
}
|
|
|