FEATURE Styling native details tag
This commit is contained in:
parent
5df1252076
commit
2b30253ebe
24
resources/css/blocks/wp-block-details.css
Normal file
24
resources/css/blocks/wp-block-details.css
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
.wp-block-details {
|
||||||
|
@apply border border-primary border-solid p-4;
|
||||||
|
|
||||||
|
summary {
|
||||||
|
@apply font-bold list-none flex items-center justify-between gap-2;
|
||||||
|
|
||||||
|
&::-webkit-details-marker,
|
||||||
|
&::marker {
|
||||||
|
@apply hidden;
|
||||||
|
content: ' ';
|
||||||
|
}
|
||||||
|
&:after {
|
||||||
|
transition: transform 0.5s ease-out;
|
||||||
|
content: ' ';
|
||||||
|
@apply w-10 h-10 block content-[''] bg-no-repeat bg-center bg-contain;
|
||||||
|
background-image: url('../resources/img/elements/select-drop-button.svg');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[open] {
|
||||||
|
summary:after {
|
||||||
|
@apply rotate-180;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user