Add compiled CSS to package

README.md

@@ -12,10 +12,19 @@ npm install --save-dev bootstrap4-card-tables
 
 ## Usage
 
+Import the SASS source files into your app:
+
 ```scss
 @import "~bootstrap4-card-tables/src/bootstrap4-card-tables";
 ```
 
+Compiled (and optionally, minified) CSS is provided in the `dist` directory:
+
+```
+https://unpkg.com/[email protected]/dist/bootstrap4-card-tables.css
+https://unpkg.com/[email protected]/dist/bootstrap4-card-tables.min.css
+```
+
 ## Notes
 
 - This package fixes the use cases I encountered when trying to use tables inside of cards in Bootstrap 4, but I do not consider this package to be comprehensive. If you encounter an edge case not covered by this package, feel free to [open an issue](https://github.com/philipnewcomer/bootstrap4-card-tables/issues/new) or submit a pull request.

dist/bootstrap4-card-tables.css

@@ -0,0 +1,37 @@
+.card > .table {
+  border-right: 0;
+  border-left: 0;
+  margin-bottom: 0;
+}
+
+.card > .table:last-child {
+  border-bottom: 0;
+}
+
+.card > .table th,
+.card > .table td {
+  padding: 0.75rem 1.25rem;
+}
+
+.card > .table td:first-child,
+.card > .table th:first-child {
+  border-left: 0;
+}
+
+.card > .table td:last-child,
+.card > .table th:last-child {
+  border-right: 0;
+}
+
+.card > .table tr:first-child td,
+.card > .table tr:first-child th {
+  border-top: 0;
+}
+
+.card > .table tr:last-child td {
+  border-bottom: 0;
+}
+
+.card .card-header + .table {
+  border-top: 0;
+}