library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'consistent-buttons' of github.com:msweeney/pure into msweeney-buttons

Browse Source 
Conflicts:
	src/forms/css/forms.css
This commit is contained in:
Tilo Mitra 2013-06-06 19:04:53 -04:00
commit 0d10f77653
2 changed files with 69 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/forms/css/forms-r.css
View File

@ -1,34 +1,61 @@
@media only screen and (max-width : 480px) {
.pure-form button[type='submit'] {
margin: 0.7em 0 0;
}
.pure-form button[type="submit"] {
margin: 0.7em 0 0;
}
.pure-form input[type='text'], .pure-form button, .pure-form label {
margin-bottom: 0.3em;
display: block;
}
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form label {
margin-bottom: 0.3em;
display: block;
}
.pure-group input[type='text'] {
margin-bottom: 0;
}
.pure-group input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"] {
margin-bottom: 0;
}
.pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
text-align: left;
display: block;
width: 100%;
}
.pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
text-align: left;
display: block;
width: 100%;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0;
}
/* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
.pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display: block;
font-size: 80%;
padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */
}
/* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */
.pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display: block;
font-size: 80%;
padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */
}
}

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

@ -130,6 +130,21 @@
border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label {
display: block;
}