From 354c37d2ab523d9bdd31df3ed603ab5f88412b23 Mon Sep 17 00:00:00 2001 From: Philip Newcomer Date: Fri, 28 Jun 2019 18:25:33 -0400 Subject: [PATCH] Add compiled CSS to package --- README.md | 9 +++++++ dist/bootstrap4-card-tables.css | 37 +++++++++++++++++++++++++++++ dist/bootstrap4-card-tables.min.css | 1 + 3 files changed, 47 insertions(+) create mode 100644 dist/bootstrap4-card-tables.css create mode 100644 dist/bootstrap4-card-tables.min.css diff --git a/README.md b/README.md index 6d5f364..21a6dc1 100644 --- a/README.md +++ b/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/bootstrap4-card-tables@1.2.0/dist/bootstrap4-card-tables.css +https://unpkg.com/bootstrap4-card-tables@1.2.0/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. diff --git a/dist/bootstrap4-card-tables.css b/dist/bootstrap4-card-tables.css new file mode 100644 index 0000000..054910c --- /dev/null +++ b/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; +} diff --git a/dist/bootstrap4-card-tables.min.css b/dist/bootstrap4-card-tables.min.css new file mode 100644 index 0000000..f811106 --- /dev/null +++ b/dist/bootstrap4-card-tables.min.css @@ -0,0 +1 @@ +.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}