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

corrected dropdown arrow colors for secondary, contrast, and primary. Also enabled the turning of the arrow when the dropdowns are open or closed

Browse source
This commit is contained in:
Yohn 2024-12-14 21:13:13 -05:00
parent 130b1cda4e
commit a6325b8991
255 changed files with 5385 additions and 2236 deletions
Download patch file Download diff file Expand all files Collapse all files

4
scss/components/_accordion.scss
View file

@ -51,7 +51,7 @@
content: "";
@if $enable-transitions {
//transition: transform var(#{$css-var-prefix}transition);
transition: transform var(#{$css-var-prefix}transition);
}
}
@ -97,7 +97,7 @@
}
&::after {
//transform: rotate(0);
transform: rotate(0);
}
}
}

24
scss/components/_dropdown.scss
View file

@ -12,6 +12,16 @@
position: relative;
border-bottom: none;
&[open] {
> summary,
> button,
> a {
&::after {
transform: rotate(0deg);
}
}
}
// Marker
// ––––––––––––––––––––
> summary,
@ -25,8 +35,10 @@
float: right;
// TODO: find out why we need this magic number (0.2 rem)
// for the marker to be aligned with the regular select
transform: rotate(0deg) translateX(0.2rem);
//transform: rotate(0deg) translateX(0.2rem);
transform: rotate(-90deg);
background-image: var(#{$css-var-prefix}icon-chevron);
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
@ -126,10 +138,14 @@
display: inline;
margin: calc(var(#{$css-var-prefix}nav-element-spacing-vertical) * -1) 0;
//&[open] > summary::after {
// transform: rotate(-90deg) translateX(0rem);
//}
> summary {
&::after {
transform: rotate(0deg) translateX(0rem);
}
//&::after {
// transform: rotate(0deg) translateX(0rem);
//}
&:not([role]) {
// Override height