Skip to content

Commit 36e4d53

Browse files
Build CSS
1 parent 869da59 commit 36e4d53

File tree

252 files changed

+1422
-998
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

252 files changed

+1422
-998
lines changed

css/pico.amber.css

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -768,6 +768,7 @@ section {
768768
@media (min-width: 576px) {
769769
.container {
770770
max-width: 510px;
771+
padding-inline: 0;
771772
}
772773
}
773774
@media (min-width: 768px) {
@@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
27982799
*/
27992800
details {
28002801
display: block;
2801-
margin-bottom: var(--pico-spacing);
2802+
margin-block-end: var(--pico-spacing);
28022803
}
28032804
details.hide-arrow > summary::after {
28042805
display: none;
28052806
content: none;
28062807
}
2808+
details:not(.hide-arrow) > summary {
2809+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
2810+
}
28072811
details summary {
28082812
position: relative;
2809-
padding-inline-end: var(--pico-block-spacing-horizontal);
28102813
line-height: 1rem;
28112814
list-style-type: none;
28122815
cursor: pointer;
@@ -2858,7 +2861,7 @@ details summary[role=button]::after {
28582861
height: calc(1rem * var(--pico-line-height, 1.5));
28592862
}
28602863
details[open] > summary {
2861-
margin-bottom: var(--pico-spacing);
2864+
margin-block-end: var(--pico-spacing);
28622865
}
28632866
details[open] > summary:not([role]):not(:focus) {
28642867
color: var(--pico-accordion-open-summary-color);
@@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
31543157
min-width: -moz-fit-content;
31553158
min-width: fit-content;
31563159
margin: 0;
3157-
margin-top: var(--pico-outline-width);
3160+
margin-block-start: var(--pico-outline-width);
31583161
padding: 0;
31593162
border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
31603163
border-radius: var(--pico-border-radius);
@@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
31713174
}
31723175
details.dropdown > summary + ul li {
31733176
width: 100%;
3174-
margin-bottom: 0;
3177+
margin-block-end: 0;
31753178
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
31763179
list-style: none;
31773180
}
31783181
details.dropdown > summary + ul li:first-of-type {
3179-
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3182+
margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31803183
}
31813184
details.dropdown > summary + ul li:last-of-type {
3182-
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3185+
margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31833186
}
31843187
details.dropdown > summary + ul li details {
31853188
width: 100%;
3186-
margin-bottom: 0;
3189+
margin-block-end: 0;
31873190
}
31883191
details.dropdown > summary + ul li details > summary {
31893192
line-height: var(--pico-line-height);
@@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
32083211
background-color: var(--pico-dropdown-hover-background-color);
32093212
}
32103213
details.dropdown[open] > summary {
3211-
margin-bottom: 0;
3214+
margin-block-end: 0;
32123215
}
32133216
details.dropdown[open] > summary::before {
32143217
display: block;
@@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
32303233
nav details.dropdown {
32313234
display: inline;
32323235
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
3233-
margin-bottom: 0;
3236+
margin-block-end: 0;
32343237
}
32353238
nav details.dropdown.hide-arrow > summary::after {
32363239
display: none;
@@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
32433246
nav details.dropdown > summary:not([role]):focus-visible {
32443247
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
32453248
}
3249+
nav details.dropdown:not(.hide-arrow) > summary {
3250+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
3251+
}
32463252

32473253
label > details.dropdown {
3248-
margin-top: calc(var(--pico-spacing) * 0.25);
3254+
margin-block-start: calc(var(--pico-spacing) * 0.25);
32493255
}
32503256

32513257
/**

css/pico.amber.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.azure.css

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -768,6 +768,7 @@ section {
768768
@media (min-width: 576px) {
769769
.container {
770770
max-width: 510px;
771+
padding-inline: 0;
771772
}
772773
}
773774
@media (min-width: 768px) {
@@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
27982799
*/
27992800
details {
28002801
display: block;
2801-
margin-bottom: var(--pico-spacing);
2802+
margin-block-end: var(--pico-spacing);
28022803
}
28032804
details.hide-arrow > summary::after {
28042805
display: none;
28052806
content: none;
28062807
}
2808+
details:not(.hide-arrow) > summary {
2809+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
2810+
}
28072811
details summary {
28082812
position: relative;
2809-
padding-inline-end: var(--pico-block-spacing-horizontal);
28102813
line-height: 1rem;
28112814
list-style-type: none;
28122815
cursor: pointer;
@@ -2858,7 +2861,7 @@ details summary[role=button]::after {
28582861
height: calc(1rem * var(--pico-line-height, 1.5));
28592862
}
28602863
details[open] > summary {
2861-
margin-bottom: var(--pico-spacing);
2864+
margin-block-end: var(--pico-spacing);
28622865
}
28632866
details[open] > summary:not([role]):not(:focus) {
28642867
color: var(--pico-accordion-open-summary-color);
@@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
31543157
min-width: -moz-fit-content;
31553158
min-width: fit-content;
31563159
margin: 0;
3157-
margin-top: var(--pico-outline-width);
3160+
margin-block-start: var(--pico-outline-width);
31583161
padding: 0;
31593162
border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
31603163
border-radius: var(--pico-border-radius);
@@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
31713174
}
31723175
details.dropdown > summary + ul li {
31733176
width: 100%;
3174-
margin-bottom: 0;
3177+
margin-block-end: 0;
31753178
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
31763179
list-style: none;
31773180
}
31783181
details.dropdown > summary + ul li:first-of-type {
3179-
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3182+
margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31803183
}
31813184
details.dropdown > summary + ul li:last-of-type {
3182-
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3185+
margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31833186
}
31843187
details.dropdown > summary + ul li details {
31853188
width: 100%;
3186-
margin-bottom: 0;
3189+
margin-block-end: 0;
31873190
}
31883191
details.dropdown > summary + ul li details > summary {
31893192
line-height: var(--pico-line-height);
@@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
32083211
background-color: var(--pico-dropdown-hover-background-color);
32093212
}
32103213
details.dropdown[open] > summary {
3211-
margin-bottom: 0;
3214+
margin-block-end: 0;
32123215
}
32133216
details.dropdown[open] > summary::before {
32143217
display: block;
@@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
32303233
nav details.dropdown {
32313234
display: inline;
32323235
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
3233-
margin-bottom: 0;
3236+
margin-block-end: 0;
32343237
}
32353238
nav details.dropdown.hide-arrow > summary::after {
32363239
display: none;
@@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
32433246
nav details.dropdown > summary:not([role]):focus-visible {
32443247
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
32453248
}
3249+
nav details.dropdown:not(.hide-arrow) > summary {
3250+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
3251+
}
32463252

32473253
label > details.dropdown {
3248-
margin-top: calc(var(--pico-spacing) * 0.25);
3254+
margin-block-start: calc(var(--pico-spacing) * 0.25);
32493255
}
32503256

32513257
/**

css/pico.azure.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.blue.css

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -768,6 +768,7 @@ section {
768768
@media (min-width: 576px) {
769769
.container {
770770
max-width: 510px;
771+
padding-inline: 0;
771772
}
772773
}
773774
@media (min-width: 768px) {
@@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
27982799
*/
27992800
details {
28002801
display: block;
2801-
margin-bottom: var(--pico-spacing);
2802+
margin-block-end: var(--pico-spacing);
28022803
}
28032804
details.hide-arrow > summary::after {
28042805
display: none;
28052806
content: none;
28062807
}
2808+
details:not(.hide-arrow) > summary {
2809+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
2810+
}
28072811
details summary {
28082812
position: relative;
2809-
padding-inline-end: var(--pico-block-spacing-horizontal);
28102813
line-height: 1rem;
28112814
list-style-type: none;
28122815
cursor: pointer;
@@ -2858,7 +2861,7 @@ details summary[role=button]::after {
28582861
height: calc(1rem * var(--pico-line-height, 1.5));
28592862
}
28602863
details[open] > summary {
2861-
margin-bottom: var(--pico-spacing);
2864+
margin-block-end: var(--pico-spacing);
28622865
}
28632866
details[open] > summary:not([role]):not(:focus) {
28642867
color: var(--pico-accordion-open-summary-color);
@@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
31543157
min-width: -moz-fit-content;
31553158
min-width: fit-content;
31563159
margin: 0;
3157-
margin-top: var(--pico-outline-width);
3160+
margin-block-start: var(--pico-outline-width);
31583161
padding: 0;
31593162
border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
31603163
border-radius: var(--pico-border-radius);
@@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
31713174
}
31723175
details.dropdown > summary + ul li {
31733176
width: 100%;
3174-
margin-bottom: 0;
3177+
margin-block-end: 0;
31753178
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
31763179
list-style: none;
31773180
}
31783181
details.dropdown > summary + ul li:first-of-type {
3179-
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3182+
margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31803183
}
31813184
details.dropdown > summary + ul li:last-of-type {
3182-
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
3185+
margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
31833186
}
31843187
details.dropdown > summary + ul li details {
31853188
width: 100%;
3186-
margin-bottom: 0;
3189+
margin-block-end: 0;
31873190
}
31883191
details.dropdown > summary + ul li details > summary {
31893192
line-height: var(--pico-line-height);
@@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
32083211
background-color: var(--pico-dropdown-hover-background-color);
32093212
}
32103213
details.dropdown[open] > summary {
3211-
margin-bottom: 0;
3214+
margin-block-end: 0;
32123215
}
32133216
details.dropdown[open] > summary::before {
32143217
display: block;
@@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
32303233
nav details.dropdown {
32313234
display: inline;
32323235
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
3233-
margin-bottom: 0;
3236+
margin-block-end: 0;
32343237
}
32353238
nav details.dropdown.hide-arrow > summary::after {
32363239
display: none;
@@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
32433246
nav details.dropdown > summary:not([role]):focus-visible {
32443247
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
32453248
}
3249+
nav details.dropdown:not(.hide-arrow) > summary {
3250+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
3251+
}
32463252

32473253
label > details.dropdown {
3248-
margin-top: calc(var(--pico-spacing) * 0.25);
3254+
margin-block-start: calc(var(--pico-spacing) * 0.25);
32493255
}
32503256

32513257
/**

css/pico.blue.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.classless.amber.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
20762076
*/
20772077
details {
20782078
display: block;
2079-
margin-bottom: var(--pico-spacing);
2079+
margin-block-end: var(--pico-spacing);
2080+
}
2081+
details:not(.hide-arrow) > summary {
2082+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
20802083
}
20812084
details summary {
20822085
position: relative;
2083-
padding-inline-end: var(--pico-block-spacing-horizontal);
20842086
line-height: 1rem;
20852087
list-style-type: none;
20862088
cursor: pointer;
@@ -2132,7 +2134,7 @@ details summary[role=button]::after {
21322134
height: calc(1rem * var(--pico-line-height, 1.5));
21332135
}
21342136
details[open] > summary {
2135-
margin-bottom: var(--pico-spacing);
2137+
margin-block-end: var(--pico-spacing);
21362138
}
21372139
details[open] > summary:not([role]):not(:focus) {
21382140
color: var(--pico-accordion-open-summary-color);

css/pico.classless.amber.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.classless.azure.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
20762076
*/
20772077
details {
20782078
display: block;
2079-
margin-bottom: var(--pico-spacing);
2079+
margin-block-end: var(--pico-spacing);
2080+
}
2081+
details:not(.hide-arrow) > summary {
2082+
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
20802083
}
20812084
details summary {
20822085
position: relative;
2083-
padding-inline-end: var(--pico-block-spacing-horizontal);
20842086
line-height: 1rem;
20852087
list-style-type: none;
20862088
cursor: pointer;
@@ -2132,7 +2134,7 @@ details summary[role=button]::after {
21322134
height: calc(1rem * var(--pico-line-height, 1.5));
21332135
}
21342136
details[open] > summary {
2135-
margin-bottom: var(--pico-spacing);
2137+
margin-block-end: var(--pico-spacing);
21362138
}
21372139
details[open] > summary:not([role]):not(:focus) {
21382140
color: var(--pico-accordion-open-summary-color);

css/pico.classless.azure.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)