mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-23 18:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Created build-dev script to only build 1 css file for quicker testing enviroment. Added accordion javascript for slide effect. modified the notification scss, and added more demos.

Browse source
This commit is contained in:
Yohn 2024-11-12 00:35:16 -05:00
parent b1fcd44b73
commit 26e82a693d
246 changed files with 1716 additions and 2269 deletions
Download patch file Download diff file Expand all files Collapse all files

21
css/pico.fluid.classless.conditional.blue.css
View file

@ -2201,12 +2201,6 @@ main {
display: block;
margin-bottom: var(--pico-spacing);
}
.pico details:not([open]) summary ~ * {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico details summary {
line-height: 1rem;
list-style-type: none;
@ -2266,11 +2260,6 @@ main {
.pico details[open] > summary::after {
transform: rotate(0);
}
.pico details[open] > summary ~ * {
max-height: 100; /* Initial max height for content */
opacity: 1;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
[dir=rtl] .pico details summary {
text-align: right;
@ -2899,8 +2888,8 @@ body:has(dialog[open]) {
}
/**
* Notification (<dialog>)
*/
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
@ -2928,6 +2917,12 @@ dialog[role=alert] {
-moz-user-select: none;
user-select: none;
}
dialog[role=alert] > * {
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;