From 7e762b9cbfc4cdd7c2c2997ff44d36abbb66ab8a Mon Sep 17 00:00:00 2001
From: mhartington <mikehartington@gmail.com>
Date: Wed, 28 Jan 2015 14:17:33 -0500
Subject: [PATCH] fix(video): prevent styles from bleeding into html video tag

---
 scss/_form.scss  | 27 ++++++++++++++++-----------
 scss/_range.scss |  3 +--
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/scss/_form.scss b/scss/_form.scss
index ce735af115..8976a2f6ac 100644
--- 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
index ebff266eb6..e926b51315 100644
--- 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;
 }
-