diff --git a/components/well/index.css b/components/well/index.css index 98974a39b64..16ccd8f84d1 100644 --- a/components/well/index.css +++ b/components/well/index.css @@ -12,12 +12,19 @@ governing permissions and limitations under the License. @import '../commons/index.css'; +:root { + --spectrum-well-padding: var(--spectrum-global-dimension-size-200); + --spectrum-well-border-width: var(--spectrum-alias-border-size-thin); + --spectrum-well-margin-top: var(--spectrum-global-dimension-size-50); + --spectrum-well-min-width: var(--spectrum-global-dimension-size-3000); +} + .spectrum-Well { display: block; - min-width: 248px; - padding: 16px; - margin-top: 4px; - border-width: 1px; + min-width: var(--spectrum-well-min-width); + padding: var(--spectrum-well-padding); + margin-top: var( --spectrum-well-margin-top); + border-width: var(--spectrum-well-border-width); border-style: solid; border-radius: var(--spectrum-border-radius); }