diff --git a/dist/plain-ui.css b/dist/plain-ui.css index f48060a..864d61d 100644 --- a/dist/plain-ui.css +++ b/dist/plain-ui.css @@ -898,11 +898,14 @@ img.media { padding: 0.5em 1.25em; } .table th { - border-bottom: 1px solid #8b8b8b; - background-color: #e4e4e4; + color: white; + background-color: #3e3e3e; } .table tr:hover { - background-color: #e4e4e4; + background-color: #585858; +} +.table tr:hover td { + color: white; } .hero { diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss index 4cbcf5a..3191e3d 100644 --- a/src/scss/components/_table.scss +++ b/src/scss/components/_table.scss @@ -37,12 +37,16 @@ } th { - border-bottom: 1px solid lighten($plain-ui__primary-light, 30%); - background-color: lighten($plain-ui__primary-light, 65%); + color: white; + background-color: $plain-ui__primary-light; } tr:hover { - background-color: lighten($plain-ui__primary-light, 65%); + background-color: lighten($plain-ui__primary-light, 10%); + + td { + color: white; + } } } } \ No newline at end of file diff --git a/src/scss/components/_table0.scss b/src/scss/components/_table0.scss deleted file mode 100644 index 0e88155..0000000 --- a/src/scss/components/_table0.scss +++ /dev/null @@ -1,67 +0,0 @@ -/** - * components: table - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
nameage
The Shawshank Redemption12
- * - * @author Björn Hase, Tentakelfabrik - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://github.com/tentakelfabrik/crispy-css - * - */ - -$crispy__table__padding: $crispy__padding !default; -$crispy__table__padding-breakpoints: $crispy__padding-breakpoints !default; - -$crispy__table__td__border: 1px solid $crispy__color-border !default; -$crispy__table__th__border-width: 2px !default; - -$crispy__table__color: $crispy__color-text !default; -$crispy__table__striped__background-color: $crispy__color-grey-light !default; - -@mixin crispy__table() { - .table { - width: 100%; - - &--striped { - tr { - &:nth-child(even) { - background-color: $crispy__table__striped__background-color; - } - } - } - - &--scroll { - overflow-x: auto; - } - - td { - color: $crispy__table__color; - } - - td, - th { - text-align: left; - border-bottom: $crispy__table__td__border; - - padding: $crispy__table__padding; - @include crispy__media-breakpoints('padding', $crispy__table__padding-breakpoints); - } - - th { - border-bottom-width: $crispy__table__th__border-width; - } - } -}