Update table styling

This commit is contained in:
Oliver Davies 2019-04-19 01:09:56 +01:00
parent 0d19f90691
commit ad5ae45cad
3 changed files with 18 additions and 1 deletions

View file

@ -33,6 +33,7 @@ a {
@import 'components/markup.css';
@import 'components/note.css';
@import 'components/talks/video.css';
@import 'components/table.css';
@import 'components/widget.css';
@tailwind utilities;

View file

@ -0,0 +1,16 @@
.table {
th {
@apply bg-gray-200 text-left;
}
th,
td {
@apply px-4 py-2 border border-solid border-gray-300;
}
}
table.is-striped {
tbody > tr:not(:nth-child(odd)) td {
@apply bg-gray-100;
}
}

View file

@ -15,7 +15,7 @@ generator:
{% block content %}
<div class="table-responsive">
<table class="table">
<table class="table is-striped">
<thead>
<tr>
<th>Post Title</th>