change up classes on tables and forms, fix nav list styles in example

This commit is contained in:
Mark Otto
2012-01-14 21:28:47 -08:00
parent 6d916763f8
commit dab6d2b17c
11 changed files with 120 additions and 121 deletions

View File

@@ -441,9 +441,9 @@ input::-webkit-input-placeholder {
// Common properties
// -----------------
.search-form,
.inline-form,
.horizontal-form {
.form-search,
.form-inline,
.form-horizontal {
input,
textarea,
select,
@@ -452,8 +452,8 @@ input::-webkit-input-placeholder {
margin-bottom: 0;
}
}
.search-form label,
.inline-form label {
.form-search label,
.form-inline label {
display: inline-block;
}
@@ -469,7 +469,7 @@ input::-webkit-input-placeholder {
// Horizontal-specific styles
// --------------------------
.horizontal-form {
.form-horizontal {
// Float the labels left
.control-group > label {
float: left;

View File

@@ -76,22 +76,22 @@
}
// Remove the horizontal form styles
.horizontal-form .control-group > label {
.form-horizontal .control-group > label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
// Move over all input controls and content
.horizontal-form .controls {
.form-horizontal .controls {
margin-left: 0;
}
// Move the options list down to align with labels
.horizontal-form .control-list {
.form-horizontal .control-list {
padding-top: 0; // has to be padding because margin collaspes
}
// Move over buttons in .form-actions to align with .controls
.horizontal-form .form-actions {
.form-horizontal .form-actions {
padding-left: 0;
}

View File

@@ -42,7 +42,7 @@ tbody + tbody {
// CONDENSED TABLE W/ HALF PADDING
// -------------------------------
.condensed-table {
.table-condensed {
th,
td {
padding: 4px 5px;
@@ -53,7 +53,7 @@ tbody + tbody {
// BORDERED VERSION
// ----------------
.bordered-table {
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate; // Done so we can round those corners!
.border-radius(4px);
@@ -94,7 +94,7 @@ tbody + tbody {
// --------------
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.striped-table {
.table-striped {
tbody {
tr:nth-child(odd) td,
tr:nth-child(odd) th {