Fix: .bp-page-num-input CSS (#779)

box · Apr 20, 2018 · 31265d8 · 31265d8
1 parent 6f4af87
commit 31265d8
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 2 deletions.
diff --git a/src/lib/Controls.scss b/src/lib/Controls.scss
@@ -49,7 +49,7 @@
 
     /* stylelint-enable property-no-vendor-prefix */
 
-    .bp-page-num-input {
+    input[type="number"].bp-page-num-input {
         font-size: 14px;
         margin: 0 auto;
         position: absolute;
@@ -75,7 +75,7 @@
             display: none;
         }
 
-        .bp-page-num-input {
+        input[type="number"].bp-page-num-input {
             display: inline-block;
             position: static;
             visibility: visible;

diff --git a/src/lib/_boxui.scss b/src/lib/_boxui.scss
@@ -186,6 +186,45 @@
     outline: 0;
 }
 
+.bp-controls {
+    /* Inputs */
+    input[type="text"],
+    input[type="number"],
+    div[contentEditable="true"],
+    textarea {
+        color: $twos;
+        border: 1px solid #ccc;
+        border-radius: 3px;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
+        -webkit-font-smoothing: antialiased;
+        padding: 7px;
+        transition: border-color linear .15s, box-shadow linear .1s;
+        width: 262px;
+    }
+
+    input[type="text"]:hover,
+    input[type="number"]:hover,
+    div[contentEditable="true"]:hover,
+    textarea:hover {
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
+    }
+
+    input[type="text"]:focus,
+    input[type="number"]:focus,
+    div[contentEditable="true"]:focus,
+    textarea:focus {
+        border: 1px solid $primary-color;
+        box-shadow: none;
+        outline: 0;
+    }
+
+    input::-webkit-input-placeholder,
+    input::-moz-placeholder,
+    input:-ms-input-placeholder {
+        color: #ccc;
+    }
+}
+
 //------------------------------------------------------------------------------
 // Menus
 //------------------------------------------------------------------------------