tweak spacing

This commit is contained in:
lindsaym-fa
2024-06-20 17:18:57 -04:00
parent 7cff365355
commit 2aee4c6cc9
2 changed files with 24 additions and 9 deletions

View File

@@ -344,10 +344,6 @@ export default css`
height: 0.875em;
}
.button--caret:not(.button--visually-hidden-label) .button__caret {
margin-inline-start: 0.75em;
}
/*
* Loading modifier
*/
@@ -410,12 +406,31 @@ export default css`
padding: 0 var(--wa-space-l);
}
.button ::slotted([slot='prefix']) {
margin-inline-end: 0.75em;
.button--small ::slotted([slot='prefix']) {
margin-inline-end: var(--wa-space-s);
}
.button ::slotted([slot='suffix']) {
margin-inline-start: 0.75em;
.button--medium ::slotted([slot='prefix']) {
margin-inline-end: var(--wa-space-m);
}
.button--large ::slotted([slot='prefix']) {
margin-inline-end: var(--wa-space-l);
}
.button--small ::slotted([slot='suffix']),
.button--small.button--caret:not(.button--visually-hidden-label) .button__caret {
margin-inline-start: var(--wa-space-s);
}
.button--medium ::slotted([slot='suffix']),
.button--medium.button--caret:not(.button--visually-hidden-label) .button__caret {
margin-inline-start: var(--wa-space-m);
}
.button--large ::slotted([slot='suffix']),
.button--large.button--caret:not(.button--visually-hidden-label) .button__caret {
margin-inline-start: var(--wa-space-l);
}
/*

View File

@@ -96,7 +96,7 @@ export default css`
}
.tag__remove {
margin-inline-start: var(--wa-space-xs);
margin-inline-start: 0.75em;
}
/*