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 {
|
||||
@include user-select(none);
|
||||
}
|
||||
|
||||
.input-placeholder {
|
||||
@include input-placeholder {
|
||||
color: #bfbfbf;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user