site: use css token (#48367)

ant-design · Apr 10, 2024 · 6b3a635 · 6b3a635
1 parent d82f654
commit 6b3a635
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/.dumi/theme/builtins/ComponentMeta/index.tsx b/.dumi/theme/builtins/ComponentMeta/index.tsx
@@ -41,7 +41,7 @@ const useStyle = createStyles(({ token }) => ({
     position: relative;
     display: inline-flex;
     align-items: center;
-    column-gap: 4px;
+    column-gap: ${token.paddingXXS}px;
     border-radius: ${token.borderRadiusSM}px;
     padding-inline: ${token.paddingXS}px;
     transition: all ${token.motionDurationSlow} !important;

diff --git a/.dumi/theme/builtins/IconSearch/index.tsx b/.dumi/theme/builtins/IconSearch/index.tsx
@@ -7,7 +7,7 @@ const IconSearch = React.lazy(() => import('./IconSearch'));
 const useStyle = createStyles(({ token, css }) => ({
   searchWrapper: css`
     display: flex;
-    gap: 16px;
+    gap: ${token.padding}px;
     > *:first-child {
       flex: 0 0 328px;
     }

diff --git a/.dumi/theme/builtins/ResourceCards/index.tsx b/.dumi/theme/builtins/ResourceCards/index.tsx
@@ -45,7 +45,7 @@ const useStyle = createStyles(({ token, css }) => {
       border-radius: ${token.borderRadiusXS}px;
       box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
       display: inline-flex;
-      column-gap: 4px;
+      column-gap: ${token.paddingXXS}px;
     `,
     title: css`
       margin: ${token.margin}px ${token.marginMD}px ${token.marginXS}px;

diff --git a/.dumi/theme/slots/Header/index.tsx b/.dumi/theme/slots/Header/index.tsx
@@ -101,7 +101,7 @@ const useStyle = createStyles(({ token, css }) => {
       display: flex;
       align-items: center;
       margin: 0;
-      column-gap: 12px;
+      column-gap: ${token.paddingSM}px;
       > * {
         flex: none;
         margin: 0;