Skip to content

Commit

Permalink
Merged RTL pull request into css files, and updated docs for hamburge…
Browse files Browse the repository at this point in the history 
…r menu.

Will create new versioning soon, I have something else I'd like to include.
  • Loading branch information
@Yohn
Yohn committed Dec 13, 2024
1 parent 828d1f3 commit b7100d2
Show file tree
Hide file tree
Showing 239 changed files with 5,355 additions and 838 deletions.
50 changes: 44 additions & 6 deletions css/pico.amber.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2818,7 +2818,6 @@ details summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--pico-transition);
}
details summary:not([role]) {
color: var(--pico-accordion-close-summary-color);
Expand All @@ -2844,7 +2843,6 @@ details summary::after {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
details summary:focus {
outline: none;
Expand All @@ -2870,17 +2868,17 @@ details[open] > summary {
details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
details[open] > summary::after {
transform: rotate(0);
}

[dir=rtl] details summary {
text-align: right;
}
[dir=rtl] details summary::after {
float: left;
transform: rotate(90deg);
background-position: left center;
}
[dir=rtl] details[open] > summary::after {
transform: rotate(0);
}

/**
* Card (<article>, role="article")
Expand Down Expand Up @@ -3275,6 +3273,46 @@ label > details.dropdown {
border-bottom-right-radius: 5rem;
}

[dir=rtl] [role=search] > *:not(:first-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=search] select:not(:first-child),
[dir=rtl] [role=search] label:not(:first-child),
[dir=rtl] [role=group] > *:not(:first-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=group] select:not(:first-child),
[dir=rtl] [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] [role=search] > *:not(:last-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=search] select:not(:last-child),
[dir=rtl] [role=search] label:not(:last-child),
[dir=rtl] [role=group] > *:not(:last-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=group] select:not(:last-child),
[dir=rtl] [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])
*/
Expand Down
2 changes: 1 addition & 1 deletion css/pico.amber.min.css
View file

Large diffs are not rendered by default.

50 changes: 44 additions & 6 deletions css/pico.blue.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2818,7 +2818,6 @@ details summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--pico-transition);
}
details summary:not([role]) {
color: var(--pico-accordion-close-summary-color);
Expand All @@ -2844,7 +2843,6 @@ details summary::after {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
details summary:focus {
outline: none;
Expand All @@ -2870,17 +2868,17 @@ details[open] > summary {
details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
details[open] > summary::after {
transform: rotate(0);
}

[dir=rtl] details summary {
text-align: right;
}
[dir=rtl] details summary::after {
float: left;
transform: rotate(90deg);
background-position: left center;
}
[dir=rtl] details[open] > summary::after {
transform: rotate(0);
}

/**
* Card (<article>, role="article")
Expand Down Expand Up @@ -3275,6 +3273,46 @@ label > details.dropdown {
border-bottom-right-radius: 5rem;
}

[dir=rtl] [role=search] > *:not(:first-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=search] select:not(:first-child),
[dir=rtl] [role=search] label:not(:first-child),
[dir=rtl] [role=group] > *:not(:first-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=group] select:not(:first-child),
[dir=rtl] [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] [role=search] > *:not(:last-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=search] select:not(:last-child),
[dir=rtl] [role=search] label:not(:last-child),
[dir=rtl] [role=group] > *:not(:last-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=group] select:not(:last-child),
[dir=rtl] [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])
*/
Expand Down
2 changes: 1 addition & 1 deletion css/pico.blue.min.css
View file

Large diffs are not rendered by default.

50 changes: 44 additions & 6 deletions css/pico.classless.amber.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2137,7 +2137,6 @@ details summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--pico-transition);
}
details summary:not([role]) {
color: var(--pico-accordion-close-summary-color);
Expand All @@ -2163,7 +2162,6 @@ details summary::after {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
details summary:focus {
outline: none;
Expand All @@ -2189,17 +2187,17 @@ details[open] > summary {
details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
details[open] > summary::after {
transform: rotate(0);
}

[dir=rtl] details summary {
text-align: right;
}
[dir=rtl] details summary::after {
float: left;
transform: rotate(90deg);
background-position: left center;
}
[dir=rtl] details[open] > summary::after {
transform: rotate(0);
}

/**
* Card (<article>, role="article")
Expand Down Expand Up @@ -2434,6 +2432,46 @@ article > footer [role=group]:has(+ [type=hidden]),
border-bottom-right-radius: 5rem;
}

[dir=rtl] [role=search] > *:not(:first-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=search] select:not(:first-child),
[dir=rtl] [role=search] label:not(:first-child),
[dir=rtl] [role=group] > *:not(:first-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=group] select:not(:first-child),
[dir=rtl] [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] [role=search] > *:not(:last-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=search] select:not(:last-child),
[dir=rtl] [role=search] label:not(:last-child),
[dir=rtl] [role=group] > *:not(:last-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=group] select:not(:last-child),
[dir=rtl] [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])
*/
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.amber.min.css
View file

Large diffs are not rendered by default.

50 changes: 44 additions & 6 deletions css/pico.classless.blue.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2137,7 +2137,6 @@ details summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--pico-transition);
}
details summary:not([role]) {
color: var(--pico-accordion-close-summary-color);
Expand All @@ -2163,7 +2162,6 @@ details summary::after {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
details summary:focus {
outline: none;
Expand All @@ -2189,17 +2187,17 @@ details[open] > summary {
details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
details[open] > summary::after {
transform: rotate(0);
}

[dir=rtl] details summary {
text-align: right;
}
[dir=rtl] details summary::after {
float: left;
transform: rotate(90deg);
background-position: left center;
}
[dir=rtl] details[open] > summary::after {
transform: rotate(0);
}

/**
* Card (<article>, role="article")
Expand Down Expand Up @@ -2434,6 +2432,46 @@ article > footer [role=group]:has(+ [type=hidden]),
border-bottom-right-radius: 5rem;
}

[dir=rtl] [role=search] > *:not(:first-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=search] select:not(:first-child),
[dir=rtl] [role=search] label:not(:first-child),
[dir=rtl] [role=group] > *:not(:first-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
[dir=rtl] [role=group] select:not(:first-child),
[dir=rtl] [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] [role=search] > *:not(:last-child),
[dir=rtl] [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=search] select:not(:last-child),
[dir=rtl] [role=search] label:not(:last-child),
[dir=rtl] [role=group] > *:not(:last-child),
[dir=rtl] [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
[dir=rtl] [role=group] select:not(:last-child),
[dir=rtl] [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])
*/
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.blue.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit b7100d2

Please sign in to comment.