responsive

This commit is contained in:
Robert Jagtiani
2025-02-23 01:23:08 +01:00
parent afa97cbae9
commit 1bfa3276d6
16 changed files with 720 additions and 176 deletions

View File

@@ -76,12 +76,16 @@ input:disabled, input:read-only {
/*ARTICLE*/
article {
@apply w-full relative bg-white px-0 py-0 z-0;
@apply w-full relative bg-white p-0 z-0 box rounded-tl-none sm:p-2 lg:p-12;
hr {@apply mb-4 mt-4 border-primary;}
h1 {@apply pl-2 sm:pl-0 text-4xl font-normal mb-2;}
h2{@apply pl-2 sm:pl-0 text-2xl font-normal mb-2;}
h1 {@apply pl-2 font-normal mb-2
[font-size:_clamp(24px,1.5vw,36px)] leading-7
sm:text-4xl;}
h2 {@apply pl-2 font-normal mb-2
[font-size:_clamp(24px,1.5vw,36px)] leading-7
sm:text-4xl;}
h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1 mb-1;}
a {@apply text-blue-700 font-medium inline;}
@@ -154,6 +158,7 @@ article {
xl:text-lg
}
.dropdown-content{
@apply !relative z-[1] !p-0 !scale-100 hidden
lg:!absolute lg:min-w-max lg:p-2 lg:shadow-lg lg:!top-0 lg:ring-gray-300 lg:ring-1;
@@ -174,8 +179,9 @@ li:not(:first-child) {@apply !border-gray-200 !border-t-[1px]}
#hamburger{
@apply my-1;
span {@apply block h-[3px] w-6 bg-white !transition-all}
span:nth-child(2) {@apply my-1}
.burger {@apply w-6}
span {@apply block h-[4px] bg-white !transition-all}
span:nth-child(2) {@apply my-[3px]}
}
.hamburger-swing-0{@apply origin-left rotate-45 -translate-y-[1.5px] !transition-all duration-500}