Add example and tests for +input-placeholder.

This commit is contained in:
Ryan Frederick 2012-03-18 00:11:35 -07:00
parent 532e857560
commit 6a4dbc6043
4 changed files with 26 additions and 0 deletions

View File

@ -0,0 +1,8 @@
---
title: Input Placeholder
description: css3 mixin to style input placeholders
framework: compass
stylesheet: compass/css3/_user-interface.scss
example: true
---
= render "partials/example"

View File

@ -0,0 +1,3 @@
%form{:action => "", :method => "get"}
%label{:for => "input"} Input
%input{:type => "text", :name => "input" :placeholder => "Type something…"}

View File

@ -0,0 +1,8 @@
@import compass/css3/user-interface
input[type="text"] {
+input-placeholder {
color: #bfbfbf
font-style: italic
}
}

View File

@ -3,3 +3,10 @@
.user-select { .user-select {
@include user-select(none); @include user-select(none);
} }
.input-placeholder {
@include input-placeholder {
color: #bfbfbf;
font-style: italic;
}
}