瀏覽代碼

Lighten up input borders

Tatiana Inama 7 年之前
父節點
當前提交
1f767b1458
共有 2 個文件被更改,包括 9 次插入3 次删除
  1. 8 3
      recipes/src/components/Input/styles.scss
  2. 1 0
      recipes/src/components/Select/styles.scss

+ 8 - 3
recipes/src/components/Input/styles.scss

@@ -20,13 +20,18 @@
   width: 100%;
   background-color: white;
   
+  input {
+    border-bottom: 1px dashed rgba(0, 0, 0, 0.2)!important;
+  }
+
   label,
   ::placeholder {
     text-transform: capitalize;
   }
 
+  &,
   &.mdc-text-field--textarea {
-    border-color: rgba(0, 0, 0, 0.42)
+    border-color: rgba(0, 0, 0, 0.12)
   }
 }
 
@@ -36,12 +41,12 @@
 
 .cbk-input {
   &-display {
-    input
+    input.mdc-text-field__input
      {
       font-family: $font-family-display;
       font-size: $font-size-xx-large;
       font-weight: $font-weight-bold;
-      border-bottom: 0;
+      border-bottom: 0px!important;
     }
   }
 }

+ 1 - 0
recipes/src/components/Select/styles.scss

@@ -2,6 +2,7 @@
 
 .cbk-select.mdc-select {
   width: 100%;
+  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
   
   label,
   ::placeholder {