mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 10:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merged RTL pull request into css files, and updated docs for hamburger menu.

Browse source 
Will create new versioning soon, I have something else I'd like to include.
This commit is contained in:
Yohn 2024-12-12 21:12:39 -05:00
parent 828d1f3143
commit b7100d22d5
239 changed files with 5355 additions and 838 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2818,7 +2818,6 @@ main {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--pico-transition);
}
.pico details summary:not([role]) {
color: var(--pico-accordion-close-summary-color);
@ -2844,7 +2843,6 @@ main {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
.pico details summary:focus {
outline: none;
@ -2870,17 +2868,17 @@ main {
.pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
.pico details[open] > summary::after {
transform: rotate(0);
}
[dir=rtl] .pico details summary {
text-align: right;
}
[dir=rtl] .pico details summary::after {
float: left;
transform: rotate(90deg);
background-position: left center;
}
[dir=rtl] .pico details[open] > summary::after {
transform: rotate(0);
}
/**
* Card (<article>, role="article")
@ -3275,6 +3273,46 @@ main {
border-bottom-right-radius: 5rem;
}
[dir=rtl] .pico [role=search] > *:not(:first-child),
[dir=rtl] .pico [role=search] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] .pico [role=search] select:not(:first-child),
[dir=rtl] .pico [role=search] label:not(:first-child),
[dir=rtl] .pico [role=group] > *:not(:first-child),
[dir=rtl] .pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] .pico [role=group] select:not(:first-child),
[dir=rtl] .pico [role=group] label:not(:first-child) {
margin-right: 0;
margin-left: auto;
border-top-right-radius: 0;
border-top-left-radius: var(--pico-border-radius);
border-bottom-right-radius: 0;
border-bottom-left-radius: var(--pico-border-radius);
}
[dir=rtl] .pico [role=search] > *:not(:last-child),
[dir=rtl] .pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] .pico [role=search] select:not(:last-child),
[dir=rtl] .pico [role=search] label:not(:last-child),
[dir=rtl] .pico [role=group] > *:not(:last-child),
[dir=rtl] .pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] .pico [role=group] select:not(:last-child),
[dir=rtl] .pico [role=group] label:not(:last-child) {
border-top-right-radius: var(--pico-border-radius);
border-top-left-radius: 0;
border-bottom-right-radius: var(--pico-border-radius);
border-bottom-left-radius: 0;
}
[dir=rtl] button:not(:first-child),
[dir=rtl] [type=submit]:not(:first-child),
[dir=rtl] [type=reset]:not(:first-child),
[dir=rtl] [type=button]:not(:first-child),
[dir=rtl] [role=button]:not(:first-child),
[dir=rtl] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] select:not(:first-child),
[dir=rtl] label:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
/**
* Loading ([aria-busy=true])
*/