fix(video): prevent styles from bleeding into html video tag

ionic-team · Jan 28, 2015 · 7e762b9 · 7e762b9
1 parent f67605b
commit 7e762b9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/scss/_form.scss b/scss/_form.scss
@@ -214,10 +214,13 @@ input[type="color"] {
   }
 }
 
-input,
-textarea {
-  width: 100%;
+.item-input {
+  input,
+  textarea {
+    width: 100%;
+  }
 }
+
 textarea {
   padding-left: 0;
   @include placeholder($input-color-placeholder, -3px);
@@ -255,14 +258,16 @@ input[type="checkbox"] {
 }
 
 // Reset width of input images, buttons, radios, checkboxes
-input[type="file"],
-input[type="image"],
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="radio"],
-input[type="checkbox"] {
-  width: auto; // Override of generic input selector
+.item-input {
+  input[type="file"],
+  input[type="image"],
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"],
+  input[type="radio"],
+  input[type="checkbox"] {
+    width: auto; // Override of generic input selector
+  }
 }
 
 // Set the height of file to match text inputs

diff --git a/scss/_range.scss b/scss/_range.scss
@@ -4,7 +4,7 @@
  * --------------------------------------------------
  */
 
-input[type="range"] {
+ .range input{
   display: inline-block;
   overflow: hidden;
   margin-top: 5px;
@@ -119,4 +119,3 @@ input[type="range"] {
   padding-right: 5px;
   padding-left: 0;
 }
-