Merge pull request #102 from nih-sparc/style-fixes

style changes
nih-sparc · Mar 8, 2022 · 3a7c97d · 3a7c97d
2 parents 9a22cda + a15b170
commit 3a7c97d
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nih-sparc/sparc-design-system-components",
-  "version": "0.26.12",
+  "version": "0.26.13",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/assets/components/_el-input.scss b/src/assets/components/_el-input.scss
@@ -3,7 +3,7 @@
 .el-input {
   &.secondary {
     .el-input__inner {
-      border-color: #dcdfe6;
+      border-color: $lineColor1
     }
   }
   &__inner {
@@ -30,7 +30,7 @@
   }
   &.is-disabled {
     .el-input__inner {
-      border-color: #dcdfe6;
+      border-color: $lineColor1;
       color: $mediumGrey;
       &:hover {
         border-color: #dcdfe6 !important;

diff --git a/src/assets/components/_el-select.scss b/src/assets/components/_el-select.scss
@@ -3,7 +3,7 @@
   &.secondary {
     .el-input {
       input {
-        border-color: lightgray;
+        border-color: $lightGrey;
       }
     }
   }

diff --git a/src/components/DropdownMultiselect/src/DropdownLabel.vue b/src/components/DropdownMultiselect/src/DropdownLabel.vue
@@ -85,7 +85,7 @@ export default {
 <style lang="scss" scoped>
 @import '../../../assets/_variables.scss';
 .label-content-container {
-  background-color: rgb(250, 251, 252);
+  background-color: $background
 }
 
 .label-header {
@@ -115,12 +115,12 @@ export default {
 
 hr {
   border: none;
-  border-bottom: 1px solid #dbdfe6;
+  border-bottom: 1px solid $lineColor2;
   margin: 0;
 }
 
 .disabled {
   opacity: 0.5;
-  background-color: #fafbfc;
+  background-color: $background;
 }
 </style>
diff --git a/src/components/DropdownMultiselect/src/DropdownMultiselect.vue b/src/components/DropdownMultiselect/src/DropdownMultiselect.vue
@@ -294,7 +294,7 @@ export default {
 @import '../../../assets/_variables.scss';
 .sparc-design-system-component-dropdown-multiselect {
   background-color: white;
-  border: 1px solid #dbdfe6;
+  border: 1px solid $lineColor2;
   border-top: none;
 }
 
@@ -319,7 +319,7 @@ export default {
   }
 }
 .light-gray-background .el-tree {
-  background: rgb(250, 251, 252);
+  background: $background;
 }
 .el-tree-node__expand-icon.el-icon-caret-right {
   order: 1;