Merge pull request #203 from stuartmaxwell:extending-bootstrap-styles

stuartmaxwell · web-flow · commit 66bbd29ae2dd · 2025-03-27T20:18:56.000+13:00
Add Bootstrap table styling to custom SCSS
diff --git a/build/css/bootstrap.custom.css b/build/css/bootstrap.custom.css
diff --git a/build/scss/custom.scss b/build/scss/custom.scss
@@ -16,4 +16,9 @@ img {
   @extend .img-fluid;
 }
 
+// Make all tables Bootstrap tables
+table {
+  @extend .table;
+}
+
 @import "../../node_modules/bootstrap/scss/bootstrap";
diff --git a/static/css/bs53p.css b/static/css/bs53p.css
@@ -505,7 +505,8 @@ img {
     width: 50%;
   }
 }
-.table {
+.table,
+table {
   --bs-table-color-type: initial;
   --bs-table-bg-type: initial;
   --bs-table-color-state: initial;
@@ -525,7 +526,8 @@ img {
   vertical-align: top;
   border-color: var(--bs-table-border-color);
 }
-.table > :not(caption) > * > * {
+.table > :not(caption) > * > *,
+table > :not(caption) > * > * {
   padding: 0.5rem 0.5rem;
   color: var(
     --bs-table-color-state,
@@ -536,7 +538,8 @@ img {
   box-shadow: inset 0 0 0 9999px
     var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
 }
-.table > thead {
+.table > thead,
+table > thead {
   vertical-align: bottom;
 }
 .form-label {

Original file line number	Diff line number	Diff line change
`@@ -16,4 +16,9 @@ img {`
`16`	`16`	`@extend .img-fluid;`
`17`	`17`	`}`
`18`	`18`
	`19`	`+// Make all tables Bootstrap tables`
	`20`	`+table {`
	`21`	`+ @extend .table;`
	`22`	`+}`
	`23`	`+`
`19`	`24`	`@import "../../node_modules/bootstrap/scss/bootstrap";`
Original file line number	Diff line number	Diff line change
`@@ -505,7 +505,8 @@ img {`
`505`	`505`	`width: 50%;`
`506`	`506`	`}`
`507`	`507`	`}`
`508`		`-.table {`
	`508`	`+.table,`
	`509`	`+table {`
`509`	`510`	`--bs-table-color-type: initial;`
`510`	`511`	`--bs-table-bg-type: initial;`
`511`	`512`	`--bs-table-color-state: initial;`
`@@ -525,7 +526,8 @@ img {`
`525`	`526`	`vertical-align: top;`
`526`	`527`	`border-color: var(--bs-table-border-color);`
`527`	`528`	`}`
`528`		`-.table > :not(caption) > * > * {`
	`529`	`+.table > :not(caption) > * > *,`
	`530`	`+table > :not(caption) > * > * {`
`529`	`531`	`padding: 0.5rem 0.5rem;`
`530`	`532`	`color: var(`
`531`	`533`	`--bs-table-color-state,`
`@@ -536,7 +538,8 @@ img {`
`536`	`538`	`box-shadow: inset 0 0 0 9999px`
`537`	`539`	`var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));`
`538`	`540`	`}`
`539`		`-.table > thead {`
	`541`	`+.table > thead,`
	`542`	`+table > thead {`
`540`	`543`	`vertical-align: bottom;`
`541`	`544`	`}`
`542`	`545`	`.form-label {`