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

Corrected Dropdown > Submenu formatting and alignment

Browse source
This commit is contained in:
Yohn 2024-12-14 21:41:12 -05:00
parent a6325b8991
commit 3cfdc975d2
86 changed files with 311 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/pico.amber.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.azure.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.blue.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.conditional.amber.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.azure.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.azure.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.blue.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

6
css/pico.conditional.cyan.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.fuchsia.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.green.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.grey.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.indigo.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.jade.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.lime.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

6
css/pico.conditional.orange.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.pink.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.pumpkin.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.purple.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.red.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.sand.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.slate.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.violet.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.yellow.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.zinc.css
View file

@ -3116,6 +3116,12 @@ main {
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details {
margin-bottom: 0;
}
.pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
.pico details.dropdown > summary + ul li a { .pico details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.conditional.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

6
css/pico.cyan.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.fuchsia.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.green.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.grey.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.indigo.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.jade.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.lime.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

2
css/pico.lime.min.css vendored
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

6
css/pico.orange.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.pink.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.pumpkin.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.purple.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.red.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.sand.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.slate.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.violet.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.yellow.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

6
css/pico.zinc.css
View file

@ -3116,6 +3116,12 @@ details.dropdown > summary + ul li:first-of-type {
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details {
margin-bottom: 0;
}
details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height);
}
details.dropdown > summary + ul li a { details.dropdown > summary + ul li a {
display: block; display: block;
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);

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

File diff suppressed because one or more lines are too long

2
docs/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

15
scss/components/_dropdown.scss
View file

@ -12,6 +12,7 @@
position: relative; position: relative;
border-bottom: none; border-bottom: none;
@if $enable-transitions {
&[open] { &[open] {
> summary, > summary,
> button, > button,
@ -21,6 +22,7 @@
} }
} }
} }
}
// Marker // Marker
// –––––––––––––––––––– // ––––––––––––––––––––
@ -38,7 +40,6 @@
//transform: rotate(0deg) translateX(0.2rem); //transform: rotate(0deg) translateX(0.2rem);
transform: rotate(-90deg); transform: rotate(-90deg);
background-image: var(#{$css-var-prefix}icon-chevron); background-image: var(#{$css-var-prefix}icon-chevron);
background-position: right center; background-position: right center;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -143,10 +144,6 @@
//} //}
> summary { > summary {
//&::after {
// transform: rotate(0deg) translateX(0rem);
//}
&:not([role]) { &:not([role]) {
// Override height // Override height
height: calc( height: calc(
@ -217,6 +214,14 @@
margin-bottom: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5); margin-bottom: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);
} }
details {
margin-bottom: 0;
> summary {
line-height: var(#{$css-var-prefix}line-height);
}
}
a { a {
display: block; display: block;
margin: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * -0.5) margin: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * -0.5)