Work in progress on migration to Bootstrap 4 and CoreUI admin theme

client/static/scss/.gitignore

@@ -0,0 +1 @@
+/coreui

client/static/scss/mailtrain.scss

@@ -0,0 +1,83 @@
+/*
+FIXME - remove
+@media screen and (min-width: 768px) {
+    .dl-horizontal dt {
+        width: 200px;
+    }
+
+    .dl-horizontal dd {
+        margin-left: 220px;
+    }
+}
+
+h2 .glyphicon {
+    font-size: .75em;
+}
+h3 .glyphicon {
+    font-size: .8em;
+}
+
+tbody>tr.selected {
+    background-color: rgb(218, 231, 255);
+}
+
+.table-hover>tbody>tr.selected:hover {
+    background-color: rgb(205, 212, 226);
+}
+
+.row-actions .row-action {
+    padding-right: 15px;
+}
+
+.row-actions .row-action:last-child {
+    padding-right: 0px;
+}
+
+*/
+
+$fa-font-path: "../static-npm/fontawesome";
+
+@import "./variables.scss";
+@import "node_modules/@coreui/coreui/scss/coreui.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/regular.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+.custom-select {
+  -webkit-appearance: none; // This is a fix for Chrome
+}
+
+body.mailtrain {
+  margin-bottom: 90px;
+  background-color: white;
+
+  .navbar-dark {
+    .navbar-nav {
+      .active > .nav-link:hover {
+        color: $navbar-dark-active-color;
+      }
+    }
+  }
+
+  .footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 60px;
+    background-color: #f5f5f5;
+    line-height: 20px;
+  }
+
+  .footer .text-muted {
+    margin: 20px 0;
+  }
+
+  .gpg-text {
+    font-family: monospace;
+  }
+}

client/static/scss/variables.scss

@@ -0,0 +1,9 @@
+$table-cell-padding: .5rem;
+$input-border-color: #adb5bd;
+
+$breadcrumb-bg: #f6f7f8;
+
+$navbar-dark-color: rgba(#fff, .75) !default;
+$navbar-dark-hover-color: #fff !default;
+
+@import "../../node_modules/@coreui/coreui/scss/_variables.scss";