Skip to content

Commit

Permalink
Merge pull request #25 from remohammadi/main
Browse files Browse the repository at this point in the history
Fix RTL margin handling in group component
  • Loading branch information
Yohn authored Jan 3, 2025
2 parents 951aae3 + cde9f11 commit db14c89
Show file tree
Hide file tree
Showing 253 changed files with 2,834 additions and 1,574 deletions.
30 changes: 20 additions & 10 deletions css/pico.amber.css
Original file line number Diff line number Diff line change
Expand Up @@ -3549,16 +3549,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.amber.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.azure.css
Original file line number Diff line number Diff line change
Expand Up @@ -3549,16 +3549,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.azure.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.blue.css
Original file line number Diff line number Diff line change
Expand Up @@ -3549,16 +3549,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.blue.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.amber.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.amber.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.azure.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.azure.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.blue.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ fieldset[role=group] > legend {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] [role=search] button:not(:first-child),
[dir=rtl] [role=search] [type=submit]:not(:first-child),
[dir=rtl] [role=search] [type=reset]:not(:first-child),
[dir=rtl] [role=search] [type=button]:not(:first-child),
[dir=rtl] [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] [role=search] > details > summary:not(:first-child),
[dir=rtl] [role=group] button:not(:first-child),
[dir=rtl] [role=group] [type=submit]:not(:first-child),
[dir=rtl] [role=group] [type=reset]:not(:first-child),
[dir=rtl] [role=group] [type=button]:not(:first-child),
[dir=rtl] [role=group] [role=button]: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),
[dir=rtl] [role=group] > legend:not(:first-child),
[dir=rtl] [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.blue.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.conditional.amber.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ main {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] .pico [role=search] button:not(:first-child),
[dir=rtl] .pico [role=search] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=search] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=search] [type=button]:not(:first-child),
[dir=rtl] .pico [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] .pico [role=search] > details > summary:not(:first-child),
[dir=rtl] .pico [role=group] button:not(:first-child),
[dir=rtl] .pico [role=group] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=group] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=group] [type=button]:not(:first-child),
[dir=rtl] .pico [role=group] [role=button]: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),
[dir=rtl] .pico [role=group] > legend:not(:first-child),
[dir=rtl] .pico [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.conditional.amber.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.conditional.azure.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ main {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] .pico [role=search] button:not(:first-child),
[dir=rtl] .pico [role=search] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=search] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=search] [type=button]:not(:first-child),
[dir=rtl] .pico [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] .pico [role=search] > details > summary:not(:first-child),
[dir=rtl] .pico [role=group] button:not(:first-child),
[dir=rtl] .pico [role=group] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=group] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=group] [type=button]:not(:first-child),
[dir=rtl] .pico [role=group] [role=button]: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),
[dir=rtl] .pico [role=group] > legend:not(:first-child),
[dir=rtl] .pico [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.conditional.azure.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.conditional.blue.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ main {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] .pico [role=search] button:not(:first-child),
[dir=rtl] .pico [role=search] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=search] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=search] [type=button]:not(:first-child),
[dir=rtl] .pico [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] .pico [role=search] > details > summary:not(:first-child),
[dir=rtl] .pico [role=group] button:not(:first-child),
[dir=rtl] .pico [role=group] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=group] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=group] [type=button]:not(:first-child),
[dir=rtl] .pico [role=group] [role=button]: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),
[dir=rtl] .pico [role=group] > legend:not(:first-child),
[dir=rtl] .pico [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.conditional.blue.min.css

Large diffs are not rendered by default.

30 changes: 20 additions & 10 deletions css/pico.classless.conditional.cyan.css
Original file line number Diff line number Diff line change
Expand Up @@ -2691,16 +2691,26 @@ main {
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),
[dir=rtl] > legend:not(:first-child),
[dir=rtl] > details > summary:not(:first-child) {
[dir=rtl] .pico [role=search] button:not(:first-child),
[dir=rtl] .pico [role=search] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=search] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=search] [type=button]:not(:first-child),
[dir=rtl] .pico [role=search] [role=button]: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=search] > legend:not(:first-child),
[dir=rtl] .pico [role=search] > details > summary:not(:first-child),
[dir=rtl] .pico [role=group] button:not(:first-child),
[dir=rtl] .pico [role=group] [type=submit]:not(:first-child),
[dir=rtl] .pico [role=group] [type=reset]:not(:first-child),
[dir=rtl] .pico [role=group] [type=button]:not(:first-child),
[dir=rtl] .pico [role=group] [role=button]: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),
[dir=rtl] .pico [role=group] > legend:not(:first-child),
[dir=rtl] .pico [role=group] > details > summary:not(:first-child) {
margin-right: calc(var(--pico-border-width) * -1);
margin-left: auto;
}
Expand Down
2 changes: 1 addition & 1 deletion css/pico.classless.conditional.cyan.min.css

Large diffs are not rendered by default.

Loading

0 comments on commit db14c89

Please sign in to comment.