diff --git a/src/components/textField/_textField.scss b/src/components/textField/_textField.scss index 69327450a7c..7b226e00ed0 100644 --- a/src/components/textField/_textField.scss +++ b/src/components/textField/_textField.scss @@ -46,49 +46,48 @@ $tff-margin: 10px 0 (10px - $tff-line-focused-width) 0; @mixin text-dashed-line( $dotGap, $dotSize) { background-size: $dotSize $dotGap; - background-position: 0 bottom; - background-size: (1px + 1px) $dotGap; background-repeat: repeat-x; } -form { -} +md-input-group, +.md-input-group { -label { - display: block; - font-size: $tff-font-size; -} + label { + display: block; + font-size: $tff-font-size; + } -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"] { - display: block; - border-width: 0 0 1px 0; - padding-top:2px; - line-height: $tff-line-height; - padding-bottom: 1px; - - &:focus { - outline: 0; + textarea, + input[type="text"], + input[type="password"], + input[type="datetime"], + input[type="datetime-local"], + input[type="date"], + input[type="month"], + input[type="time"], + input[type="week"], + input[type="number"], + input[type="email"], + input[type="url"], + input[type="search"], + input[type="tel"], + input[type="color"] { + display: block; + border-width: 0 0 1px 0; + padding-top: 2px; + line-height: $tff-line-height; + padding-bottom: 1px; + + &:focus { + outline: 0; + } } -} -input, textarea { - background: none; + input, textarea { + background: none; + } } // Light-Theme diff --git a/src/components/textField/textField.js b/src/components/textField/textField.js index c1f6c554170..78b0636e08a 100644 --- a/src/components/textField/textField.js +++ b/src/components/textField/textField.js @@ -65,8 +65,8 @@ function mdTextFloatDirective($mdTheming) { }; }, template: - '' + - ' ' + + '' + + ' ' + ' ' + '' };