release/0.2
Björn 3 years ago
parent 3c697e8c19
commit b13b27fecb

9
dist/plain-ui.css vendored

@ -898,11 +898,14 @@ img.media {
padding: 0.5em 1.25em; padding: 0.5em 1.25em;
} }
.table th { .table th {
border-bottom: 1px solid #8b8b8b; color: white;
background-color: #e4e4e4; background-color: #3e3e3e;
} }
.table tr:hover { .table tr:hover {
background-color: #e4e4e4; background-color: #585858;
}
.table tr:hover td {
color: white;
} }
.hero { .hero {

@ -37,12 +37,16 @@
} }
th { th {
border-bottom: 1px solid lighten($plain-ui__primary-light, 30%); color: white;
background-color: lighten($plain-ui__primary-light, 65%); background-color: $plain-ui__primary-light;
} }
tr:hover { tr:hover {
background-color: lighten($plain-ui__primary-light, 65%); background-color: lighten($plain-ui__primary-light, 10%);
td {
color: white;
}
} }
} }
} }

@ -1,67 +0,0 @@
/**
* components: table
*
* <table class="table table--striped">
* <thead>
* <tr>
* <th>name</th>
* <th>age</th>
* </tr>
* </thead>
* <tbody>
* <tr>
* <td>The Shawshank Redemption</td>
* <td>12</td>
* </tr>
* </tbody>
* </table>
*
* @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;
}
}
}
Loading…
Cancel
Save