water down dependencies to bootstrap 4

src/client/js/components/PageEditor/HandsontableModal.jsx

@@ -422,7 +422,7 @@ export default class HandsontableModal extends React.PureComponent {
           Edit Table
         </ModalHeader>
         <ModalBody className="p-0 d-flex flex-column">
-          <div className="px-4 py-3 modal-navbar">
+          <div className="px-4 py-3 modal-navbar bg-light">
             <Button className="m-r-20 data-import-button" onClick={this.toggleDataImportArea}>
               Data Import<i className={this.state.isDataImportAreaExpanded ? 'fa fa-angle-up' : 'fa fa-angle-down'}></i>
             </Button>

src/client/styles/scss/_handsontable.scss

@@ -37,7 +37,6 @@
   transform: none;
 
   .modal-navbar {
-    @extend .bg-light;
     border-bottom: $border 1px solid;
   }
 

src/client/styles/scss/_page.scss

@@ -15,7 +15,7 @@ header {
   .btn-copy,
   .btn-copy-link,
   .btn-edit {
-    @extend .text-muted;
+    color: $text-muted;
     border: none;
     opacity: 0.3;
 
@@ -25,7 +25,7 @@ header {
   }
 
   .btn-edit-tags {
-    @extend .text-muted;
+    color: $text-muted;
     opacity: 0.5;
 
     &.no-tags {