feat: reconcile global border radiuses

Basis-Theory · Dec 19, 2022 · 69581b0 · 69581b0 · vercel · Dec 19, 2022
1 parent 2fbeede
commit 69581b0
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 10 deletions.
diff --git a/src/components/shared/Card.module.css b/src/components/shared/Card.module.css
@@ -20,7 +20,7 @@
   display: flex;
   padding: 24px;
   box-shadow: var(--ifm-global-shadow-lw);
-  border-radius: 8px;
+  border-radius: var(--ifm-global-radius);
   background: var(--background-color);
   transition: all var(--ifm-transition-slow);
 }

diff --git a/src/components/shared/Version.module.css b/src/components/shared/Version.module.css
@@ -1,6 +1,6 @@
 .version {
   background: rgba(0, 164, 186, 0.15);
-  border-radius: 4px;
+  border-radius: var(--ifm-global-radius);
   padding: 3px 8px;
   gap: 4px;
   font-weight: 500;

diff --git a/src/css/code-block.scss b/src/css/code-block.scss
@@ -6,6 +6,6 @@
   }
   & code {
     border: 1px solid transparent;
-    border-radius: var(--ifm-code-border-radius);
+    border-radius: var(--ifm-global-radius);
   }
 }
diff --git a/src/css/footer.scss b/src/css/footer.scss
@@ -5,7 +5,7 @@
   gap: 24px;
   background: var(--bt-sidebar-background-color);
   border: 1px solid var(--bt-default-border-color);
-  border-radius: 8px;
+  border-radius: var(--ifm-global-radius);
 
   & div {
     margin: 0 !important;

diff --git a/src/css/ifm-variables.scss b/src/css/ifm-variables.scss
@@ -11,7 +11,7 @@
   --ifm-color-primary-lightest: #00d5f2;
   --ifm-code-font-size: 95%;
   --ifm-navbar-height: 72px;
-  --ifm-global-radius: 8px;
+  --ifm-global-radius: 4px;
   --ifm-menu-link-sublist-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303Z' fill='%238C90A4' /%3E%3C/svg%3E");
 
   --docusaurus-highlighted-code-line-bg: rgba(83, 131, 255, 0.15);
@@ -21,7 +21,6 @@
     0px 4px 6px -1px rgba(7, 10, 27, 0.05), inset 0px 0px 0px 1px #d1d7ff;
   --ifm-code-padding-vertical: 2px;
   --ifm-code-padding-horizontal: 4px;
-  --ifm-code-border-radius: 8px;
   --ifm-navbar-shadow: none;
   --ifm-navbar-link-color: #8c90a4;
 

diff --git a/src/css/tabs.scss b/src/css/tabs.scss
@@ -1,13 +1,12 @@
 /* tabs */
 
 div:has(> .bt-tabs) {
-  --ifm-code-border-radius: 8px;
-  border-radius: 8px;
+  border-radius: var(--ifm-global-radius);
   background-color: var(--bt-sidebar-background-color);
 }
 
 .bt-tabs {
-  border-radius: 8px 8px 0 0;
+  border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0;
   border-top: 1px solid var(--bt-tabs-border-color);
   border-left: 1px solid var(--bt-tabs-border-color);
   border-right: 1px solid var(--bt-tabs-border-color);
@@ -21,7 +20,7 @@ div:has(> .bt-tabs) {
   }
 
   & + div .theme-code-block {
-    border-radius: 0 0 8px 8px !important;
+    border-radius: 0 0 var(--ifm-global-radius) var(--ifm-global-radius) !important;
   }
 
   & > .tabs__item[aria-selected="true"] {