<input type="text" placeholder="#f9f9f9">
<label>@table-background-hover</label>
<input type="text" placeholder="#f5f5f5">
- <label>@table-border</label>
+ <label>@table-border-color</label>
<input type="text" placeholder="#ddd">
<h3>Forms</h3>
padding: 8px;
line-height: @line-height-base;
vertical-align: top;
- border-top: 1px solid @table-border;
+ border-top: 1px solid @table-border-color;
}
// Bottom align for column headings
thead th {
}
// Account for multiple tbody instances
tbody + tbody {
- border-top: 2px solid @table-border;
+ border-top: 2px solid @table-border-color;
}
// Nesting
// ----------------
.table-bordered {
- border: 1px solid @table-border;
+ border: 1px solid @table-border-color;
border-collapse: separate; // Done so we can round those corners!
border-left: 0;
border-radius: @border-radius-base;
th,
td {
- border-left: 1px solid @table-border;
+ border-left: 1px solid @table-border-color;
}
// Prevent a double border
caption + thead tr:first-child th,
@table-bg-accent: #f9f9f9; // for striping
@table-bg-hover: #f5f5f5; // for hover
-@table-border: #ddd; // table and cell border
+@table-border-color: #ddd; // table and cell border
// Buttons