Skip to content

Commit a2e01fc

Browse files
github-actions[bot]github-actions[bot]
committed
Build CSS
1 parent 19e03a3 commit a2e01fc

File tree

255 files changed

+9815
-2037
lines changed

Some content is hidden

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

255 files changed

+9815
-2037
lines changed

‎css/pico.amber.css

Lines changed: 80 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
3+
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
44
* Copyright 2019-2025 - Licensed under MIT
55
*/
66
/**
@@ -2804,7 +2804,13 @@ details {
28042804
display: block;
28052805
margin-bottom: var(--pico-spacing);
28062806
}
2807+
details.hide-arrow > summary::after {
2808+
display: none;
2809+
content: none;
2810+
}
28072811
details summary {
2812+
position: relative;
2813+
padding-inline-end: var(--pico-block-spacing-horizontal);
28082814
line-height: 1rem;
28092815
list-style-type: none;
28102816
cursor: pointer;
@@ -2823,10 +2829,12 @@ details summary::-moz-list-bullet {
28232829
}
28242830
details summary::after {
28252831
display: block;
2832+
position: absolute;
2833+
top: calc(var(--pico-block-spacing-vertical) * 0.5);
2834+
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
28262835
width: 1rem;
28272836
height: 1rem;
28282837
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
2829-
float: right;
28302838
transform: rotate(-90deg);
28312839
background-image: var(--pico-icon-chevron);
28322840
background-position: right center;
@@ -3228,6 +3236,10 @@ nav details.dropdown {
32283236
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
32293237
margin-bottom: 0;
32303238
}
3239+
nav details.dropdown.hide-arrow > summary::after {
3240+
display: none;
3241+
content: none;
3242+
}
32313243
nav details.dropdown > summary:not([role]) {
32323244
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
32333245
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
@@ -3243,6 +3255,8 @@ label > details.dropdown {
32433255
/**
32443256
* Group ([role="group"], [role="search"])
32453257
*/
3258+
/* V3 Remove, modifing the <legend> placement is disabled
3259+
* in chrome.*/
32463260
fieldset[role=group] > legend {
32473261
float: left;
32483262
}
@@ -3892,7 +3906,6 @@ aside li [role=button] {
38923906
*/
38933907
nav[role=navigation] {
38943908
z-index: 1;
3895-
align-items: center;
38963909
width: 100%;
38973910
overflow: visible;
38983911
}
@@ -3913,6 +3926,10 @@ nav[role=navigation] > label {
39133926
-moz-user-select: none;
39143927
user-select: none;
39153928
}
3929+
nav[role=navigation] > ul > li > [role=search],
3930+
nav[role=navigation] > ol > li > [role=search] {
3931+
margin-block-end: 0;
3932+
}
39163933

39173934
@media (max-width: 510px) {
39183935
nav[role=navigation] {
@@ -3926,33 +3943,43 @@ nav[role=navigation] > label {
39263943
display: block;
39273944
}
39283945
nav[role=navigation] > [role=list] {
3946+
display: none;
39293947
flex-direction: column;
39303948
align-items: flex-start;
39313949
width: 90vw;
39323950
max-height: 0;
39333951
margin: 0 auto;
39343952
background-color: var(--pico-muted-border-color);
39353953
box-shadow: var(--pico-box-shadow);
3936-
transition: max-height var(--pico-transition);
3954+
opacity: 0;
3955+
transition: max-height var(--pico-transition), opacity var(--pico-transition);
39373956
}
39383957
nav[role=navigation] > [role=list] li {
39393958
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
39403959
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
39413960
padding: 0;
39423961
}
3962+
nav[role=navigation] > [role=list] li > details.dropdown {
3963+
width: 100%;
3964+
}
3965+
nav[role=navigation] > [role=list] li > form[role=search] {
3966+
margin-block-end: 0;
3967+
}
39433968
nav[role=navigation] > [role=list] a {
39443969
display: block;
39453970
margin: 0;
3946-
border-bottom: 1px solid transparent;
39473971
border-radius: 0;
3972+
border-block-end: 1px solid transparent;
39483973
transition: border-color var(--pico-transition), color var(--pico-transition);
39493974
}
39503975
nav[role=navigation] > [role=list] a:hover {
39513976
border-bottom-color: var(--pico-underline);
39523977
text-decoration: none;
39533978
}
39543979
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
3980+
display: block;
39553981
max-height: 100vh;
3982+
opacity: 1;
39563983
}
39573984
}
39583985
@media (max-width: 700px) {
@@ -3967,33 +3994,43 @@ nav[role=navigation] > label {
39673994
display: block;
39683995
}
39693996
nav[role=navigation][data-breakpoint=md] > [role=list] {
3997+
display: none;
39703998
flex-direction: column;
39713999
align-items: flex-start;
39724000
width: 90vw;
39734001
max-height: 0;
39744002
margin: 0 auto;
39754003
background-color: var(--pico-muted-border-color);
39764004
box-shadow: var(--pico-box-shadow);
3977-
transition: max-height var(--pico-transition);
4005+
opacity: 0;
4006+
transition: max-height var(--pico-transition), opacity var(--pico-transition);
39784007
}
39794008
nav[role=navigation][data-breakpoint=md] > [role=list] li {
39804009
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
39814010
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
39824011
padding: 0;
39834012
}
4013+
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
4014+
width: 100%;
4015+
}
4016+
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
4017+
margin-block-end: 0;
4018+
}
39844019
nav[role=navigation][data-breakpoint=md] > [role=list] a {
39854020
display: block;
39864021
margin: 0;
3987-
border-bottom: 1px solid transparent;
39884022
border-radius: 0;
4023+
border-block-end: 1px solid transparent;
39894024
transition: border-color var(--pico-transition), color var(--pico-transition);
39904025
}
39914026
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
39924027
border-bottom-color: var(--pico-underline);
39934028
text-decoration: none;
39944029
}
39954030
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
4031+
display: block;
39964032
max-height: 100vh;
4033+
opacity: 1;
39974034
}
39984035
}
39994036
@media (max-width: 950px) {
@@ -4008,33 +4045,43 @@ nav[role=navigation] > label {
40084045
display: block;
40094046
}
40104047
nav[role=navigation][data-breakpoint=lg] > [role=list] {
4048+
display: none;
40114049
flex-direction: column;
40124050
align-items: flex-start;
40134051
width: 90vw;
40144052
max-height: 0;
40154053
margin: 0 auto;
40164054
background-color: var(--pico-muted-border-color);
40174055
box-shadow: var(--pico-box-shadow);
4018-
transition: max-height var(--pico-transition);
4056+
opacity: 0;
4057+
transition: max-height var(--pico-transition), opacity var(--pico-transition);
40194058
}
40204059
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
40214060
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
40224061
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
40234062
padding: 0;
40244063
}
4064+
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
4065+
width: 100%;
4066+
}
4067+
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
4068+
margin-block-end: 0;
4069+
}
40254070
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
40264071
display: block;
40274072
margin: 0;
4028-
border-bottom: 1px solid transparent;
40294073
border-radius: 0;
4074+
border-block-end: 1px solid transparent;
40304075
transition: border-color var(--pico-transition), color var(--pico-transition);
40314076
}
40324077
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
40334078
border-bottom-color: var(--pico-underline);
40344079
text-decoration: none;
40354080
}
40364081
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
4082+
display: block;
40374083
max-height: 100vh;
4084+
opacity: 1;
40384085
}
40394086
}
40404087
@media (max-width: 1200px) {
@@ -4049,33 +4096,43 @@ nav[role=navigation] > label {
40494096
display: block;
40504097
}
40514098
nav[role=navigation][data-breakpoint=xl] > [role=list] {
4099+
display: none;
40524100
flex-direction: column;
40534101
align-items: flex-start;
40544102
width: 90vw;
40554103
max-height: 0;
40564104
margin: 0 auto;
40574105
background-color: var(--pico-muted-border-color);
40584106
box-shadow: var(--pico-box-shadow);
4059-
transition: max-height var(--pico-transition);
4107+
opacity: 0;
4108+
transition: max-height var(--pico-transition), opacity var(--pico-transition);
40604109
}
40614110
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
40624111
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
40634112
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
40644113
padding: 0;
40654114
}
4115+
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
4116+
width: 100%;
4117+
}
4118+
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
4119+
margin-block-end: 0;
4120+
}
40664121
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
40674122
display: block;
40684123
margin: 0;
4069-
border-bottom: 1px solid transparent;
40704124
border-radius: 0;
4125+
border-block-end: 1px solid transparent;
40714126
transition: border-color var(--pico-transition), color var(--pico-transition);
40724127
}
40734128
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
40744129
border-bottom-color: var(--pico-underline);
40754130
text-decoration: none;
40764131
}
40774132
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
4133+
display: block;
40784134
max-height: 100vh;
4135+
opacity: 1;
40794136
}
40804137
}
40814138
@media (max-width: 1450px) {
@@ -4090,33 +4147,43 @@ nav[role=navigation] > label {
40904147
display: block;
40914148
}
40924149
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
4150+
display: none;
40934151
flex-direction: column;
40944152
align-items: flex-start;
40954153
width: 90vw;
40964154
max-height: 0;
40974155
margin: 0 auto;
40984156
background-color: var(--pico-muted-border-color);
40994157
box-shadow: var(--pico-box-shadow);
4100-
transition: max-height var(--pico-transition);
4158+
opacity: 0;
4159+
transition: max-height var(--pico-transition), opacity var(--pico-transition);
41014160
}
41024161
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
41034162
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
41044163
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
41054164
padding: 0;
41064165
}
4166+
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
4167+
width: 100%;
4168+
}
4169+
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
4170+
margin-block-end: 0;
4171+
}
41074172
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
41084173
display: block;
41094174
margin: 0;
4110-
border-bottom: 1px solid transparent;
41114175
border-radius: 0;
4176+
border-block-end: 1px solid transparent;
41124177
transition: border-color var(--pico-transition), color var(--pico-transition);
41134178
}
41144179
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
41154180
border-bottom-color: var(--pico-underline);
41164181
text-decoration: none;
41174182
}
41184183
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
4184+
display: block;
41194185
max-height: 100vh;
4186+
opacity: 1;
41204187
}
41214188
}
41224189
/**

‎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.

0 commit comments

Comments
 (0)