Extract table component, use for blog tags

This commit is contained in:
Oliver Davies 2018-01-13 18:51:38 +00:00
parent c1a3f0ddf3
commit ac6b0ad08f
5 changed files with 19 additions and 14 deletions

View file

@ -1,8 +1,16 @@
.table-responsive {
@apply .mb-4 .border .w-full;
overflow-x: auto;
overflow-y: hidden;
}
.table-responsive table {
@apply .mb-0 .border-0 .whitespace-no-wrap;
}
.table {
@apply .w-full;
@apply .table-collapse;
@apply .border;
@apply .border-grey-light;
}
.table tr:nth-child(odd) {
@ -10,9 +18,9 @@
}
.table tr th {
@apply .text-left .p-2 .bg-white;
@apply .text-left .p-3 .bg-white;
}
.table td {
@apply .px-2 .py-3 .border-t;
@apply .px-3 .py-3 .border-t;
}

View file

@ -62,9 +62,6 @@ svg {
.table-collapse { border-collapse: collapse }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-hidden { overflow-y: hidden; }
@import 'components/listing';
@import 'components/post';
@import 'components/post/about-author';