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

fix(accordion): marker height

Browse source
This commit is contained in:
Lucas Larroche 2022-03-06 16:24:19 +07:00
parent 16bfdd9bfa
commit 6cbc258a0d
14 changed files with 51 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

18
css/pico.classless.css
View file

@ -1701,12 +1701,14 @@ details summary::-moz-list-bullet {
} }
details summary::after { details summary::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: 1rem; height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right; float: right;
transform: rotate(-90deg); transform: rotate(-90deg);
background-image: var(--icon-chevron); background-image: var(--icon-chevron);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";
@ -1723,7 +1725,7 @@ details summary[role=button] {
text-align: left; text-align: left;
} }
details summary[role=button]::after { details summary[role=button]::after {
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button); background-image: var(--icon-chevron-button);
} }
details[open] > summary { details[open] > summary {
@ -1741,7 +1743,7 @@ details[open] > summary::after {
} }
[dir=rtl] details summary::after { [dir=rtl] details summary::after {
float: left; float: left;
background-position: left; background-position: left center;
} }
/** /**
@ -2032,11 +2034,13 @@ li[role=list] > ul li a:hover {
details[role=list] summary::after, details[role=list] summary::after,
li[role=list] > a::after { li[role=list] > a::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right; float: right;
transform: rotate(0deg); transform: rotate(0deg);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

18
css/pico.css
View file

@ -1804,12 +1804,14 @@ details summary::-moz-list-bullet {
} }
details summary::after { details summary::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: 1rem; height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right; float: right;
transform: rotate(-90deg); transform: rotate(-90deg);
background-image: var(--icon-chevron); background-image: var(--icon-chevron);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";
@ -1826,7 +1828,7 @@ details summary[role=button] {
text-align: left; text-align: left;
} }
details summary[role=button]::after { details summary[role=button]::after {
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button); background-image: var(--icon-chevron-button);
} }
details summary[role=button]:not(.outline).contrast::after { details summary[role=button]:not(.outline).contrast::after {
@ -1847,7 +1849,7 @@ details[open] > summary::after {
} }
[dir=rtl] details summary::after { [dir=rtl] details summary::after {
float: left; float: left;
background-position: left; background-position: left center;
} }
/** /**
@ -2230,11 +2232,13 @@ li[role=list] > ul li a:hover {
details[role=list] summary::after, details[role=list] summary::after,
li[role=list] > a::after { li[role=list] > a::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right; float: right;
transform: rotate(0deg); transform: rotate(0deg);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

18
css/pico.fluid.classless.css
View file

@ -1671,12 +1671,14 @@ details summary::-moz-list-bullet {
} }
details summary::after { details summary::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: 1rem; height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right; float: right;
transform: rotate(-90deg); transform: rotate(-90deg);
background-image: var(--icon-chevron); background-image: var(--icon-chevron);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";
@ -1693,7 +1695,7 @@ details summary[role=button] {
text-align: left; text-align: left;
} }
details summary[role=button]::after { details summary[role=button]::after {
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button); background-image: var(--icon-chevron-button);
} }
details[open] > summary { details[open] > summary {
@ -1711,7 +1713,7 @@ details[open] > summary::after {
} }
[dir=rtl] details summary::after { [dir=rtl] details summary::after {
float: left; float: left;
background-position: left; background-position: left center;
} }
/** /**
@ -2002,11 +2004,13 @@ li[role=list] > ul li a:hover {
details[role=list] summary::after, details[role=list] summary::after,
li[role=list] > a::after { li[role=list] > a::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right; float: right;
transform: rotate(0deg); transform: rotate(0deg);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

9
scss/components/_accordion.scss
View file

@ -37,12 +37,13 @@ details {
// Marker // Marker
&::after { &::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: 1rem; height: 1rem;
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right; float: right;
transform: rotate(-90deg); transform: rotate(-90deg);
background-image: var(--icon-chevron); background-image: var(--icon-chevron);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";
@ -67,7 +68,7 @@ details {
// Marker // Marker
&::after { &::after {
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button); background-image: var(--icon-chevron-button);
} }
@ -108,7 +109,7 @@ details {
&::after { &::after {
float: left; float: left;
background-position: left; background-position: left center;
} }
} }
} }

7
scss/components/_dropdown.scss
View file

@ -66,11 +66,12 @@ details[role="list"] summary,
li[role="list"] > a { li[role="list"] > a {
&::after { &::after {
display: block; display: block;
width: 1.5rem; width: 1rem;
height: calc(1rem * var(--line-height)); height: calc(1rem * var(--line-height, 1.5));
margin-inline-start: 0.5rem;
float: right; float: right;
transform: rotate(0deg); transform: rotate(0deg);
background-position: right; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: "";