mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 17:16: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 {
display: block;
width: 1.5rem;
width: 1rem;
height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--icon-chevron);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
@ -1723,7 +1725,7 @@ details summary[role=button] {
text-align: left;
}
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);
}
details[open] > summary {
@ -1741,7 +1743,7 @@ details[open] > summary::after {
}
[dir=rtl] details summary::after {
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,
li[role=list] > a::after {
display: block;
width: 1.5rem;
height: calc(1rem * var(--line-height));
width: 1rem;
height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right;
transform: rotate(0deg);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
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 {
display: block;
width: 1.5rem;
width: 1rem;
height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--icon-chevron);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
@ -1826,7 +1828,7 @@ details summary[role=button] {
text-align: left;
}
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);
}
details summary[role=button]:not(.outline).contrast::after {
@ -1847,7 +1849,7 @@ details[open] > summary::after {
}
[dir=rtl] details summary::after {
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,
li[role=list] > a::after {
display: block;
width: 1.5rem;
height: calc(1rem * var(--line-height));
width: 1rem;
height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right;
transform: rotate(0deg);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
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 {
display: block;
width: 1.5rem;
width: 1rem;
height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--icon-chevron);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
@ -1693,7 +1695,7 @@ details summary[role=button] {
text-align: left;
}
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);
}
details[open] > summary {
@ -1711,7 +1713,7 @@ details[open] > summary::after {
}
[dir=rtl] details summary::after {
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,
li[role=list] > a::after {
display: block;
width: 1.5rem;
height: calc(1rem * var(--line-height));
width: 1rem;
height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right;
transform: rotate(0deg);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
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
&::after {
display: block;
width: 1.5rem;
width: 1rem;
height: 1rem;
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--icon-chevron);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
@ -67,7 +68,7 @@ details {
// Marker
&::after {
height: calc(1rem * var(--line-height));
height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button);
}
@ -108,7 +109,7 @@ details {
&::after {
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 {
&::after {
display: block;
width: 1.5rem;
height: calc(1rem * var(--line-height));
width: 1rem;
height: calc(1rem * var(--line-height, 1.5));
margin-inline-start: 0.5rem;
float: right;
transform: rotate(0deg);
background-position: right;
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";