Release 1.1.0

README.txt

@@ -1,5 +1,5 @@
 MDB5
-Version: FREE 1.0.0
+Version: FREE 1.1.0
 
 Documentation:
 https://mdbootstrap.com/docs/standard/

index.html

@@ -25,11 +25,19 @@
       <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
         <div class="text-center">
           <img
+            class="mb-4"
             src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png"
             style="width: 250px; height: 90px;"
           />
-          <h5 class="pt-3">Thank you for using our product. We're glad you're with us.</h5>
+          <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5>
-          <p class="pb-5">MDB Team</p>
+          <p class="mb-3">MDB Team</p>
+          <a
+            class="btn btn-primary btn-lg"
+            href="https://mdbootstrap.com/docs/standard/getting-started/"
+            target="_blank"
+            role="button"
+            >Start MDB tutorial</a
+          >
         </div>
       </div>
     </div>

js/mdb.min.js

@@ -1,6 +1,6 @@
 /*!
  * MDB5
- *   Version: FREE 1.0.0
+ *   Version: FREE 1.1.0
  * 
  * 
  *   Copyright: Material Design for Bootstrap

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "js/mdb.min.js",
   "repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",
   "author": "MDBootstrap",

src/scss/free/_alert.scss

@@ -2,4 +2,17 @@
 
 .alert {
   border: 0;
-}
+}
+
+.alert-absolute {
+  position: absolute;
+}
+
+.alert-fixed {
+  position: fixed;
+  z-index: $zindex-alert;
+}
+
+.parent-alert-relative {
+  position: relative;
+}

src/scss/free/_list-group.scss

@@ -0,0 +1,10 @@
+// List group
+
+.list-group-item-action {
+  transition: 0.5s;
+
+  // Hover state
+  &:hover {
+    transition: 0.5s;
+  }
+}

src/scss/free/_navbar.scss

@@ -29,3 +29,15 @@
 .navbar-nav .dropdown-menu {
   position: absolute;
 }
+
+.navbar-light {
+  .navbar-toggler-icon {
+    background-image: none;
+  }
+}
+
+.navbar-dark {
+  .navbar-toggler-icon {
+    background-image: none;
+  }
+}

src/scss/free/_toasts.scss

@@ -9,3 +9,16 @@
 .toast-header {
   background-color: $toast-header-background-color;
 }
+
+.parent-toast-relative {
+  position: relative;
+}
+
+.toast-absolute {
+  position: absolute;
+}
+
+.toast-fixed {
+  position: fixed;
+  z-index: $zindex-toast;
+}

src/scss/free/_variables.scss

@@ -1,5 +1,7 @@
 // Variables
 
+$enable-negative-margins: true;
+
 // Grays
 $white: #fff;
 $gray-50: #fbfbfb;
@@ -650,7 +652,8 @@ $form-file-label-focus-text-border-width: 2px 1px 2px 2px;
 $form-file-label-focus-button-border-width: 2px 2px 2px 1px;
 $form-file-label-disabled-background-color: #e9ecef;
 $form-file-label-height: $form-file-height;
-$form-file-label-border-color: rgba(0, 0, 0, 0.38);
+$form-file-label-border-color: #bdbdbd;
+$form-file-label-border-radius: 0.2rem;
 
 $form-file-text-padding-y: 0.33rem;
 $form-file-text-border-color: #bdbdbd;
@@ -659,9 +662,9 @@ $form-file-button-line-height: 1.5;
 $form-file-button-background-color: #fff;
 $form-file-button-border-color: $form-file-text-border-color;
 
-$form-file-sm-height: calc(1.7rem + 0.33rem + 2px);
+$form-file-sm-height: calc(1.2rem + 0.33rem + 2px);
 $form-file-sm-font-size: 0.775rem;
-$form-file-sm-line-height: $form-file-button-line-height;
+$form-file-sm-line-height: 1.3;
 $form-file-sm-padding-y: $form-file-text-padding-y;
 
 $form-file-lg-height: calc(2.315rem + 0.33rem + 2px);
@@ -713,6 +716,13 @@ $form-validation-states-mdb: (
 );
 // scss-docs-end form-validation-states
 
+// scss-docs-start zindex-stack
+$zindex-toast: 1060;
+$zindex-alert: 1070;
+$zindex-popover: 1080;
+$zindex-tooltip: 1090;
+// scss-docs-end zindex-stack
+
 // Navs
 
 $nav-tabs-link-border-width: 0 0 2px 0;

src/scss/free/forms/_form-check.scss

@@ -16,6 +16,7 @@
 }
 
 .form-check-input {
+  position: relative;
   width: $form-check-input-width-md;
   height: $form-check-input-height;
   background-color: $form-check-input-background-color;

src/scss/free/forms/_form-control.scss

@@ -2,6 +2,18 @@
 // Material styles for form control - form outline
 //
 
+// .form-outline .form-control:placeholder-shown ~ .form-label {
+//   opacity: 0;
+// }
+
+// input:not(:placeholder-shown) {
+//   opacity: 0;
+// }
+
+// input:placeholder-shown {
+//   opacity: 1;
+// }
+
 .form-outline {
   position: relative;
   .form-control {
@@ -62,6 +74,15 @@
         border-radius: 0 $form-notch-trailing-border-radius $form-notch-trailing-border-radius 0;
       }
     }
+    &::placeholder {
+      opacity: 0;
+    }
+    // &:not(:focus)::placeholder ~ label {
+    //   opacity: 0;
+    // }
+    // &::placeholder {
+    //   opacity: 0;
+    // }
     &:focus,
     &.active {
       &::placeholder {
@@ -115,9 +136,6 @@
     &[readonly] {
       background-color: $input-disabled-background-color;
     }
-    &::placeholder {
-      opacity: 0;
-    }
     &.form-control-lg {
       font-size: $input-font-size-lg;
       line-height: $input-line-height-lg;

src/scss/free/forms/_form-file.scss

@@ -7,24 +7,14 @@
 
   &:focus-within ~ .form-file-label {
     border: none;
-    box-shadow: none;
+    border-color: $form-file-label-focus-border-color;
+    box-shadow: 0px 0px 0px 1px $primary;
   }
 
   &:focus-within ~ .form-file-label .form-file-text,
   &:focus-within ~ .form-file-label .form-file-button {
-    border-style: solid;
-    border-color: $form-file-label-focus-border-color;
     transition: $form-file-label-focus-transition;
   }
-
-  &:focus-within ~ .form-file-label .form-file-text {
-    border-width: $form-file-label-focus-text-border-width;
-  }
-
-  &:focus-within ~ .form-file-label .form-file-button {
-    border-width: $form-file-label-focus-button-border-width;
-  }
-
   &[disabled] ~ .form-file-label .form-file-text,
   &:disabled ~ .form-file-label .form-file-text,
   &[disabled] ~ .form-file-label .form-file-button,
@@ -36,18 +26,17 @@
 .form-file-label {
   height: $form-file-label-height;
   border-color: $form-file-label-border-color;
+  border-radius: $form-file-label-border-radius;
 }
 
 .form-file-text {
   padding-top: $form-file-text-padding-y;
   padding-bottom: $form-file-text-padding-y;
-  border-color: $form-file-text-border-color;
 }
 
 .form-file-button {
   line-height: $form-file-button-line-height;
   background-color: $form-file-button-background-color;
-  border-color: $form-file-button-border-color;
 }
 
 .form-file-sm {

src/scss/mdb.free.scss

@@ -82,6 +82,7 @@
 @import './free/badge';
 @import './free/alert';
 @import './free/progress';
+@import './free/list-group';
 @import './free/modal';
 @import './free/toasts';
 @import './free/tooltip';