github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2025-01-27 05:28:36 +01:00
Code Releases Activity

adding textareas to pure-group construct

Browse Source
This commit is contained in:
James Alley 2015-02-02 13:53:53 -08:00
parent 325a3b72d9
commit 614a417a52
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/forms/css/forms.css
View File

@ -241,7 +241,8 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form .pure-group fieldset {
margin-bottom: 10px;
}
.pure-form .pure-group input {
.pure-form .pure-group input,
.pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
@ -249,20 +250,24 @@ since IE8 won't execute CSS that contains a CSS3 selector.
position: relative;
top: -1px;
}
.pure-form .pure-group input:focus {
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index: 2;
}
.pure-form .pure-group input:first-child {
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0;
}
.pure-form .pure-group input:first-child:last-child {
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0;
}
.pure-form .pure-group input:last-child {
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0;

4
src/forms/tests/manual/forms.html
View File

@ -173,11 +173,11 @@
<fieldset class="pure-group">
<input type="text" class="pure-input-1-3" placeholder="Another Group">
<input type="text" class="pure-input-1-3" placeholder="More Stuff">
<textarea class="pure-input-1-3" placeholder="Textareas can work here too"></textarea>
<input type="text" class="pure-input-1-3" placeholder="Even More Stuff">
<input type="text" class="pure-input-1-3" placeholder="Last Item">
<button type="submit" class="pure-button pure-input-1-3">Sign in</button>
</fieldset>
<button type="submit" class="pure-button pure-input-1-3">Sign in</button>
</form>