Posted By

Devalchemist on 10/03/13


Tagged

library Reference SASS Compass mixins


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

TSat0


Compass Mixins


 / Published in: SASS
 

URL: http://compass-style.org/reference/compass/css3/

This should style the placeholder text of inputs and text areas, etc. It goes inside the selector.

  1. @mixin placeholder($color){
  2. &::-webkit-input-placeholder {
  3. color: $color;
  4. }
  5.  
  6. &:-moz-placeholder { /* Firefox 18- */
  7. color: $color;
  8. }
  9.  
  10. &::-moz-placeholder { /* Firefox 19+ */
  11. color: $color;
  12. }
  13.  
  14. &:-ms-input-placeholder {
  15. color: $color;
  16. }
  17. }
  18.  
  19. input{
  20. background-color: $cyan;
  21. color:white;
  22. @include placeholder(white);
  23. }

Report this snippet  

You need to login to post a comment.