Define primary table borders in one place

This commit is contained in:
Kris 2018-04-30 20:45:49 -04:00
parent 079caf08d6
commit 0163798c0e
14 changed files with 36 additions and 51 deletions

View File

@ -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;

View File

@ -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:

View File

@ -14,7 +14,6 @@ section.about {
td, th {
padding: 10px;
border-bottom: 1px solid $primary-low;
}
td.title {

View File

@ -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);

View File

@ -39,7 +39,6 @@
}
tr {
border-bottom: 1px solid $primary-low;
td {
padding: 0.8em;

View File

@ -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 {

View File

@ -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 {

View File

@ -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;

View File

@ -457,9 +457,6 @@ blockquote > *:last-child {
td,th {
padding: 3px 3px 3px 10px;
}
tr {
border-bottom: 1px solid lighten($primary, 80%);
}
}
.small-action {

View File

@ -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;
}
}

View File

@ -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;

View File

@ -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;
}

View File

@ -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;

View File

@ -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;
}