tweak demo css

jackocnr · Jan 13, 2014 · 68de8f2 · 68de8f2
1 parent ead8605
commit 68de8f2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 14 deletions.
diff --git a/build/css/demo.css b/build/css/demo.css
@@ -1,3 +1,7 @@
+* {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box; }
+
 body {
  margin: 20px;
  font-size: 14px;
@@ -10,15 +14,16 @@ pre {
  margin: 0;
  display: inline-block; }
 
-.intl-tel-input input {
+input[type="tel"] {
  width: 250px;
  height: 30px;
  padding: 0 8px;
  font-family: inherit;
  font-size: 100%;
  color: inherit; }
- .intl-tel-input input[disabled] {
+ input[type="tel"][disabled] {
  background-color: #eee; }
+
 .intl-tel-input.inside input {
  border: 1px solid #CCC; }
 .intl-tel-input.outside {

diff --git a/src/css/demo.scss b/src/css/demo.scss
@@ -1,3 +1,8 @@
+* {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+}
+
 body {
  margin: 20px;
 
@@ -13,22 +18,22 @@ pre {
  display: inline-block;
 }
 
-.intl-tel-input {
- input {
- width: 250px;
- height: 30px;
- padding: 0 8px;
+input[type="tel"] {
+ width: 250px;
+ height: 30px;
+ padding: 0 8px;
 
-  // same font style, size and color as rest of site
-  font-family: inherit;
-  font-size: 100%;
-  color: inherit;
+ // same font style, size and color as rest of site
+ font-family: inherit;
+ font-size: 100%;
+ color: inherit;
 
- &[disabled] {
- background-color: #eee;
- }
+ &[disabled] {
+ background-color: #eee;
  }
+}
 
+.intl-tel-input {
  &.inside input {
  border: 1px solid #CCC;
  }