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

Closes Hamburger Menu show part of menu below Yohn/PicoCSS#49

Browse source 
Fixes Accordion chevron padding picocss/pico#653

Demo has been updated with new hamburger nav  example.
This commit is contained in:
Yohn 2025-01-24 15:29:42 -05:00
parent 14f7865f9a
commit 19e03a348b
8 changed files with 119 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

21
scss/components/_accordion.scss
View file

@ -5,19 +5,26 @@
/**
* Accordion (<details>)
*/
#{$parent-selector} details {
display: block;
margin-bottom: var(#{$css-var-prefix}spacing);
@if $enable-classes {
&.hide-arrow > summary::after {
display: none;
content: none;
}
}
summary {
position: relative;
padding-inline-end: var(#{$css-var-prefix}block-spacing-horizontal);
line-height: 1rem;
list-style-type: none;
cursor: pointer;
@if $enable-transitions {
//transition: color var(#{$css-var-prefix}transition);
}
//@if $enable-transitions {
//transition: color var(#{$css-var-prefix}transition);
//}
&:not([role]) {
color: var(#{$css-var-prefix}accordion-close-summary-color);
@ -39,10 +46,12 @@
// Marker
&::after {
display: block;
position: absolute;
top: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.5);
right: calc(var(#{$css-var-prefix}block-spacing-horizontal) * 0.5);
width: 1rem;
height: 1rem;
margin-inline-start: calc(var(#{$css-var-prefix}spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(#{$css-var-prefix}icon-chevron);
background-position: right center;