diff --git a/web/scss/_blog.scss b/web/scss/_blog.scss index d9d9b749..ee46c99f 100644 --- a/web/scss/_blog.scss +++ b/web/scss/_blog.scss @@ -105,6 +105,75 @@ { margin-top: $spacing-vertical; } + table + { + margin-bottom: $spacing-vertical; + word-wrap: break-word; + max-width: 100%; + + th, td + { + padding: $spacing-vertical/2 8px; + } + th + { + font-weight: bold; + font-size: 0.9em; + } + td + { + vertical-align: top; + } + thead th, > tr:first-child th + { + vertical-align: bottom; + font-weight: bold; + font-size: 0.9em; + padding: $spacing-vertical/4+1 8px $spacing-vertical/4-2; + text-align: left; + border-bottom: 1px solid #e2e2e2; + img + { + vertical-align: text-bottom; + } + } + tr.thead:not(:first-child) th + { + border-top: 1px solid #e2e2e2; + } + tfoot td + { + padding: $spacing-vertical / 2 8px; + font-size: .85em; + } + tbody + { + tr + { + &:nth-child(even):not(.odd) + { + background-color: #f4f4f4; + } + &:nth-child(odd):not(.even) + { + background-color: white; + } + &.thead + { + background: none; + } + td + { + border: 0 none; + } + } + } + + &:last-child + { + margin-bottom: 0; + } + } } .post-author-spotlight diff --git a/web/scss/_content.scss b/web/scss/_content.scss index 2e26806a..4a77f998 100644 --- a/web/scss/_content.scss +++ b/web/scss/_content.scss @@ -174,75 +174,7 @@ margin-left: auto; margin-right: auto; } - table - { - margin-bottom: $spacing-vertical; - word-wrap: break-word; - max-width: 100%; - th, td - { - padding: $spacing-vertical/2 8px; - } - th - { - font-weight: bold; - font-size: 0.9em; - } - td - { - vertical-align: top; - } - thead th, > tr:first-child th - { - vertical-align: bottom; - font-weight: bold; - font-size: 0.9em; - padding: $spacing-vertical/4+1 8px $spacing-vertical/4-2; - text-align: left; - border-bottom: 1px solid #e2e2e2; - img - { - vertical-align: text-bottom; - } - } - tr.thead:not(:first-child) th - { - border-top: 1px solid #e2e2e2; - } - tfoot td - { - padding: $spacing-vertical / 2 8px; - font-size: .85em; - } - tbody - { - tr - { - &:nth-child(even):not(.odd) - { - background-color: #f4f4f4; - } - &:nth-child(odd):not(.even) - { - background-color: white; - } - &.thead - { - background: none; - } - td - { - border: 0 none; - } - } - } - - &:last-child - { - margin-bottom: 0; - } - } } .content-inset {