add border-radius variables

TarasKachmar2022 · Mar 8, 2024 · bafad99 · bafad99
1 parent 9ff1e3f
commit bafad99
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/sass/base/_variables.scss b/src/sass/base/_variables.scss
@@ -41,7 +41,7 @@
   --lh-team-descr: 1.63em;
   --lh-team-subtitle: 1.26em;
   --lh-team-subdescr: 1.63em;
-// Letter spacings
+  // Letter spacings
   --ls: 0em;
   // Text colors
   --main-txt-cl: #ffffff;
@@ -60,6 +60,9 @@
   --layout-team-cl: rgba(0, 0, 0, 0.6);
   // Icon colors
   --icon-social-cl: #ffffff;
+  // Border radius
+  --br-btn: 6px;
+  --br-input: 4px;
   //Border colors
   --border-btn: #ffffff;
   // Placeholder colors

diff --git a/src/sass/components/_btn.scss b/src/sass/components/_btn.scss
@@ -9,7 +9,7 @@
   border-width: 1px;
   border-style: solid;
   border-color: var(--border-btn);
-  border-radius: 6px;
+  border-radius: var(--br-btn);
   padding-top: 10px;
   padding-right: 31px;
   padding-bottom: 10px;

diff --git a/src/sass/components/_form.scss b/src/sass/components/_form.scss
@@ -25,7 +25,7 @@
 
 .form__input {
   border: transparent;
-  border-radius: 4px;
+  border-radius: var(--br-input);
   height: 40px;
   padding: 0 10;
   outline: transparent;