responsive
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user