fix: implement local tokens for Well, fixes #422 (#432)

adobe · Dec 11, 2019 · 81109f9 · 81109f9
1 parent e244b4f
commit 81109f9
Showing 1 changed file with 11 additions and 4 deletions.
diff --git 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);
 }