Define primary table borders in one place
This commit is contained in:
parent
079caf08d6
commit
0163798c0e
|
@ -39,10 +39,7 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
tr {text-align: left;}
|
||||
td, th {padding: 8px;}
|
||||
td {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
border-top: 1px solid $primary-low;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
|
||||
|
|
|
@ -57,7 +57,6 @@
|
|||
vertical-align: top;
|
||||
margin-top: 2px;
|
||||
}
|
||||
border-bottom: 1px solid $primary-low;
|
||||
|
||||
&.last-visit {
|
||||
border-bottom: none;
|
||||
|
@ -86,10 +85,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
> tbody {
|
||||
border-top: 3px solid $primary-low;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
line-height: $line-height-large;
|
||||
|
@ -295,7 +290,7 @@ div.education {
|
|||
|
||||
.table-heading {
|
||||
@extend .list-cell;
|
||||
border-bottom: 2px solid $primary-low;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
}
|
||||
|
||||
// This is not what we want:
|
||||
|
|
|
@ -14,7 +14,6 @@ section.about {
|
|||
|
||||
td, th {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid $primary-low;
|
||||
}
|
||||
|
||||
td.title {
|
||||
|
|
|
@ -109,10 +109,6 @@
|
|||
table.group-manage-logs {
|
||||
width: 100%;
|
||||
|
||||
th, tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
padding: 5px 0;
|
||||
|
@ -135,10 +131,6 @@ table.group-members {
|
|||
width: 100%;
|
||||
table-layout: fixed;
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
}
|
||||
|
||||
th:first-child {
|
||||
width: 30%;
|
||||
text-align: left;
|
||||
|
@ -153,7 +145,6 @@ table.group-members {
|
|||
}
|
||||
|
||||
th {
|
||||
border-bottom: 3px solid $primary-low;
|
||||
text-align: center;
|
||||
padding: 5px 0 5px 5px;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
|
|
|
@ -39,7 +39,6 @@
|
|||
}
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
|
||||
td {
|
||||
padding: 0.8em;
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
#revision-details {
|
||||
padding: 5px;
|
||||
margin-top: 10px;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
}
|
||||
|
||||
#revisions .row:first-of-type {
|
||||
|
|
|
@ -28,6 +28,22 @@
|
|||
$label-width: 92px;
|
||||
$input-width: 220px;
|
||||
|
||||
.login-modal, .create-account {
|
||||
tr {
|
||||
border: none;
|
||||
}
|
||||
tr:not(.instructions) {
|
||||
td {
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
td {
|
||||
label, input {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.create-account {
|
||||
table {
|
||||
td.label {
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
.search-info {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
padding-bottom: .5em;
|
||||
margin-bottom: 1em;
|
||||
flex-direction: row;
|
||||
|
|
|
@ -457,9 +457,6 @@ blockquote > *:last-child {
|
|||
td,th {
|
||||
padding: 3px 3px 3px 10px;
|
||||
}
|
||||
tr {
|
||||
border-bottom: 1px solid lighten($primary, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
.small-action {
|
||||
|
|
|
@ -103,3 +103,17 @@ pre code {
|
|||
#offscreen-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Tables
|
||||
// --------------------------------------------------
|
||||
|
||||
tbody {
|
||||
border-top: 3px solid $primary-low;
|
||||
}
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
&.highlighted {
|
||||
animation: background-fade-highlight 2.5s ease-out;
|
||||
}
|
||||
}
|
|
@ -83,12 +83,6 @@
|
|||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
&:first-of-type {
|
||||
border-top: 3px solid $primary-low;
|
||||
}
|
||||
}
|
||||
|
||||
.category {
|
||||
border-left: 6px solid;
|
||||
|
|
|
@ -58,11 +58,6 @@
|
|||
button .d-icon {color: dark-light-choose($primary-medium, $secondary-medium); }
|
||||
}
|
||||
|
||||
> tbody > tr {
|
||||
&.highlighted {
|
||||
animation: background-fade-highlight 2.5s ease-out;
|
||||
}
|
||||
}
|
||||
button.bulk-select {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
@ -110,7 +110,6 @@
|
|||
|
||||
th {
|
||||
text-align: left;
|
||||
border-bottom: 3px solid $primary-low;
|
||||
padding: 0 0 10px 0;
|
||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||
font-weight: normal;
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
width: 150px;
|
||||
top: 100%;
|
||||
margin: 0;
|
||||
li {
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin-top: 5px;
|
||||
|
@ -68,12 +68,6 @@
|
|||
margin-left: 55px;
|
||||
}
|
||||
|
||||
> tbody > tr {
|
||||
&.highlighted {
|
||||
animation: background-fade-highlight 2.5s ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 7px 0;
|
||||
|
@ -150,12 +144,7 @@
|
|||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
border-bottom: 1px solid $primary-low;
|
||||
&:first-of-type {
|
||||
border-top: 3px solid $primary-low;
|
||||
}
|
||||
}
|
||||
|
||||
.category {
|
||||
border-left: 6px solid;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue