mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-27 19:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(dropdowns)

Browse source
This commit is contained in:
Lucas Larroche 2022-03-06 09:37:03 +07:00
parent 667c94951a
commit 9a0db7ab7f
22 changed files with 300 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

11
scss/components/_accordion.scss
View file

@ -9,12 +9,11 @@ details {
border-bottom: var(--border-width) solid var(--accordion-border-color);
summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
&:not([role="button"]) {
&:not([role]) {
color: var(--accordion-close-summary-color);
}
@ -65,7 +64,7 @@ details {
&[role="button"] {
width: 100%;
text-align: left;
// Marker
&::after {
height: calc(1rem * var(--line-height));
@ -73,10 +72,8 @@ details {
}
@if $enable-classes {
// .contrast
&:not(.outline).contrast {
// Marker
&::after {
background-image: var(--icon-chevron-button-inverse);
@ -91,7 +88,7 @@ details {
> summary {
margin-bottom: calc(var(--spacing));
&:not([role="button"]) {
&:not([role]) {
&:not(:focus) {
color: var(--accordion-open-summary-color);
}
@ -99,7 +96,7 @@ details {
&::after {
transform: rotate(0);
}
}
}
}
}