* Removes text-align from td elements (no need to set that one)
* Specifically sets th to text-align: left; at a global level (no longer within .table) to override browser defaults
* Removes font-weight: bold; from th while we're at it since that's browser default already
border-spacing: 0;
}
+th {
+ text-align: left;
+}
+
.table {
width: 100%;
margin-bottom: 20px;
.table td {
padding: 8px;
line-height: 20px;
- text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
}
-.table th {
- font-weight: bold;
-}
-
.table thead th {
vertical-align: bottom;
}
border-collapse: collapse;
border-spacing: 0;
}
-
+th {
+ text-align: left;
+}
// BASELINE STYLES
td {
padding: 8px;
line-height: @line-height-base;
- text-align: left;
vertical-align: top;
border-top: 1px solid @table-border;
}
- th {
- font-weight: bold;
- }
// Bottom align for column headings
thead th {
vertical-align: bottom;