Add example and tests for +input-placeholder.
This commit is contained in:
parent
532e857560
commit
6a4dbc6043
@ -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"
|
@ -0,0 +1,3 @@
|
|||||||
|
%form{:action => "", :method => "get"}
|
||||||
|
%label{:for => "input"} Input
|
||||||
|
%input{:type => "text", :name => "input" :placeholder => "Type something…"}
|
@ -0,0 +1,8 @@
|
|||||||
|
@import compass/css3/user-interface
|
||||||
|
|
||||||
|
input[type="text"] {
|
||||||
|
+input-placeholder {
|
||||||
|
color: #bfbfbf
|
||||||
|
font-style: italic
|
||||||
|
}
|
||||||
|
}
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user