Site Skeleton

mdb/scss/core/_helpers.scss

@@ -0,0 +1,85 @@
+// Helpers
+// MDB helpers
+.img-fluid,
+.video-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+
+  p {
+    margin: 0;
+  }
+
+  ul {
+    text-align: center;
+
+    li {
+      margin-bottom: $flex-center-ul-mb;
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.hr-light {
+  border-top: 1px solid $hr-light;
+}
+
+.hr-dark {
+  border-top: 1px solid $hr-dark;
+}
+
+// Responsive width
+.w-responsive {
+  width: 75%;
+
+  @media (max-width: 740px) {
+    width: 100%;
+  }
+}
+
+// Collapsible body
+.collapsible-body {
+  display: none;
+}
+
+.jumbotron {
+  box-shadow: $z-depth-1;
+  border-radius: $border-radius-base;
+  background-color: $white-base;
+}
+
+@each $name,
+$color in $basic-mdb-colors {
+  @include bg-variant(".bg-#{$name}", $color);
+
+  .border-#{$name} {
+    border-color: $color !important;
+  }
+}
+
+.card-img-100 {
+  width: 100px;
+  height: 100px;
+}
+
+.card-img-64 {
+  width: 64px;
+  height: 64px;
+}
+
+.mml-1 {
+  margin-left: - 0.25rem !important;
+}
+
+.flex-1 {
+  flex: 1;
+}