commit
1e38d1e60f
@ -1,11 +1,31 @@ |
||||
.p-progressbar { |
||||
@apply bg-gray-30 rounded-full border-none h-1.5; |
||||
@apply relative overflow-hidden; |
||||
|
||||
&-determinate { |
||||
.p-progressbar-value { |
||||
@apply h-full w-0 absolute border-none flex items-center justify-center overflow-hidden; |
||||
|
||||
&-animate { |
||||
@apply duration-1000 ease-in-out; |
||||
|
||||
transition-property: width; |
||||
} |
||||
} |
||||
|
||||
.p-progressbar-label { |
||||
@apply inline-flex; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.p-progressbar { |
||||
@apply bg-gray-30 rounded-lg border-none h-6; |
||||
|
||||
&-value { |
||||
@apply bg-primary; |
||||
@apply border-none m-0 bg-primary; |
||||
} |
||||
|
||||
&-label { |
||||
@apply text-white; |
||||
@apply text-white leading-normal; |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,28 @@ |
||||
.display-panel-collapse { |
||||
@apply rounded-lg border-gray-25; |
||||
|
||||
&__header { |
||||
@apply relative |
||||
before:content-[""] before:absolute before:rounded-l-lg before:bg-secondary before:w-1 before:h-full before:-left-1; |
||||
|
||||
a { |
||||
@apply cursor-pointer p-2 block bg-support-6 rounded-r-lg; |
||||
|
||||
&[aria-expanded=true] { |
||||
@apply rounded-b-none; |
||||
} |
||||
} |
||||
|
||||
::before { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
&__collapsible { |
||||
@apply hidden p-3 rounded-b; |
||||
|
||||
&.active { |
||||
@apply block shadow-lg; |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue