Skip to content

Commit

Permalink
Merge pull request #59 from smnbbrv/master
Browse files Browse the repository at this point in the history
added input-placeholder mixin
  • Loading branch information
xzyfer committed May 18, 2016
2 parents 2be6202 + 3f83647 commit 07f2f71
Showing 1 changed file with 30 additions and 0 deletions.
30 changes: 30 additions & 0 deletions lib/compass/css3/_user-interface.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,3 +15,33 @@
-moz, -webkit, not(-o), not(-ms), -khtml, official
);
}

// Style the html5 input placeholder in browsers that support it.
//
// The styles for the input placeholder are passed as mixin content
// and the selector comes from the mixin's context.
//
// For example:
//
// #{elements-of-type(text-input)} {
// @include input-placeholder {
// color: #bfbfbf;
// font-style: italic;
// }
// }
//
// if you want to apply the placeholder styles to all elements supporting
// the `input-placeholder` pseudo class (beware of performance impacts):
//
// * {
// @include input-placeholder {
// color: #bfbfbf;
// font-style: italic;
// }
// }
@mixin input-placeholder {
&:-ms-input-placeholder { @content; }
&:-moz-placeholder { @content; }
&::-moz-placeholder { @content; }
&::-webkit-input-placeholder { @content; }
}

0 comments on commit 07f2f71

Please sign in to comment.