chore: Renames/Updates border tokens (#184)

* Renames/Updates border tokens * Updates all the values to px
vtex-sites · Aug 22, 2022 · 54706ff · 54706ff · vercel · Aug 22, 2022
1 parent 83386d9
commit 54706ff
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/stories/refinements.stories.mdx b/src/stories/refinements.stories.mdx
@@ -31,9 +31,9 @@ import {
 ## Borders
 
 <TokenTable title="Global Token" description="Value">
-  <TokenRow token="--fs-border-radius-small" value=".125rem" />
-  <TokenRow token="--fs-border-radius" value=".125rem" />
-  <TokenRow token="--fs-border-radius-medium" value=".5rem" />
+  <TokenRow token="--fs-border-radius-small" value="1px" />
+  <TokenRow token="--fs-border-radius" value="2px" />
+  <TokenRow token="--fs-border-radius-medium" value="8px" />
   <TokenRow token="--fs-border-radius-pill" value="100px" />
   <TokenRow token="--fs-border-radius-circle" value="100%" />
   <TokenDivider />

diff --git a/src/styles/global/tokens.scss b/src/styles/global/tokens.scss
@@ -249,9 +249,9 @@ body {
   --fs-transition-function             : ease-in-out;
 
   // BORDERS
-  --fs-border-radius-small             : .125rem; // 2px
-  --fs-border-radius                   : .125rem; // 2px
-  --fs-border-radius-medium            : .5rem;   // 8px
+  --fs-border-radius-small             : 1px;
+  --fs-border-radius                   : 2px;
+  --fs-border-radius-medium            : 8px;
   --fs-border-radius-pill              : 100px;
   --fs-border-radius-circle            : 100%;