Skip to content

Commit

Permalink
chore(buttongroup): add flex-wrap mod property
Browse files Browse the repository at this point in the history
  • Loading branch information
marissahuysentruyt committed Oct 30, 2024
1 parent c213a40 commit 3476d66
Showing 1 changed file with 14 additions and 14 deletions.
28 changes: 14 additions & 14 deletions components/buttongroup/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,28 +11,28 @@ governing permissions and limitations under the License.
*/

.spectrum-ButtonGroup {
--spectrum-buttongroup-spacing-horizontal: var(--spectrum-spacing-200);
--spectrum-buttongroup-spacing-vertical: var(--spectrum-spacing-200);
--spectrum-buttongroup-spacing-horizontal: var(--spectrum-spacing-200);
--spectrum-buttongroup-spacing-vertical: var(--spectrum-spacing-200);
}

.spectrum-ButtonGroup--sizeS {
--spectrum-buttongroup-spacing-horizontal: var(--spectrum-spacing-100);
--spectrum-buttongroup-spacing-vertical: var(--spectrum-spacing-100);
--spectrum-buttongroup-spacing-horizontal: var(--spectrum-spacing-100);
--spectrum-buttongroup-spacing-vertical: var(--spectrum-spacing-100);
}

.spectrum-ButtonGroup {
display: flex;
flex-wrap: wrap;
gap: var(--mod-buttongroup-spacing-horizontal, var(--spectrum-buttongroup-spacing-horizontal));
justify-content: var(--mod-buttongroup-justify-content, normal);
display: flex;
flex-wrap: var(--mod-buttongroup-flex-wrap, wrap);
gap: var(--mod-buttongroup-spacing-horizontal, var(--spectrum-buttongroup-spacing-horizontal));
justify-content: var(--mod-buttongroup-justify-content, normal);

.spectrum-ButtonGroup-item {
flex-shrink: 0;
}
.spectrum-ButtonGroup-item {
flex-shrink: 0;
}
}

.spectrum-ButtonGroup--vertical {
display: inline-flex;
flex-direction: column;
gap: var(--mod-buttongroup-spacing-vertical, var(--spectrum-buttongroup-spacing-vertical));
display: inline-flex;
flex-direction: column;
gap: var(--mod-buttongroup-spacing-vertical, var(--spectrum-buttongroup-spacing-vertical));
}

0 comments on commit 3476d66

Please sign in to comment.