release: 3.4.0

README.txt

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

index.html

@@ -10,7 +10,10 @@
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
     <!-- Google Fonts Roboto -->
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
+    />
     <!-- MDB -->
     <link rel="stylesheet" href="css/mdb.min.css" />
   </head>
@@ -19,36 +22,20 @@
     <div class="container">
       <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
         <div class="text-center">
-          <h2>Release surprise! </h2>
+          <img
-          <p class="h4 fw-bold">50% OFF MDB PRO</p>
+            class="mb-4"
-          <div class="row justify-content-center">
+            src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png"
-            <div class="col-md-6">
+            style="width: 250px; height: 90px;"
-              <img src="https://mdbootstrap.com/img/Marketing/campaigns/50off-SJARV.png" class="img-fluid" alt="" />
+          />
-            </div>
+          <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5>
-          </div>
+          <p class="mb-3">MDB Team</p>
-
+          <a
-          <h5 class="mb-3">Use this coupon code before it expires and claim the reward</h5>
+            class="btn btn-primary btn-lg"
-          <p class="mb-3">The coupon code will be valid until the end of the week</p>
+            href="https://mdbootstrap.com/docs/standard/getting-started/"
-
+            target="_blank"
-          <div class="mt-2">
+            role="button"
-
+            >Start MDB tutorial</a
-            <!--Coupon code-->
+          >
-            <code class="h2 border rounded py-1 px-5 flex-item me-2">T9TTVSQB</code>
-            <br>
-
-            <!--Copy to clipboard-->
-
-            <a id="disc-50" href="#" type="button" class="btn-lg btn-info" style="background-color: #009FE7;">COPY TO
-              CLIPBOARD <i class="far fa-copy ml-2"></i></a>
-            <a class="btn btn-outline-primary btn-lg mt-3" href="https://mdbootstrap.com/docs/standard/getting-started/"
-              target="_blank" style="border-color: #009FE7; color: #009FE7;" role="button">Start MDB tutorial</a>
-
-          </div>
-          <p>See <a href="https://mdbootstrap.com/pro/">prices</a></p>
-          <div class=" my-2 alert alert-success" id="code-success" style="display: none;">
-            Copied
-          </div>
-
         </div>
       </div>
     </div>
@@ -57,25 +44,6 @@
     <!-- MDB -->
     <script type="text/javascript" src="js/mdb.min.js"></script>
     <!-- Custom scripts -->
-    <script type="text/javascript">
+    <script type="text/javascript"></script>
-      var a = document.getElementById('disc-50');
-      a.onclick = function () {
-        Clipboard_CopyTo("T9TTVSQB");
-        var div = document.getElementById('code-success');
-        div.style.display = 'block';
-        setTimeout(function () {
-          document.getElementById('code-success').style.display = 'none';
-        }, 900);
-      };
-
-      function Clipboard_CopyTo(value) {
-        var tempInput = document.createElement("input");
-        tempInput.value = value;
-        document.body.appendChild(tempInput);
-        tempInput.select();
-        document.execCommand("copy");
-        document.body.removeChild(tempInput);
-      }
-    </script>
   </body>
 </html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "main": "js/mdb.min.js",
   "homepage": "https://mdbootstrap.com/docs/standard/",
   "repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",

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

@@ -3,18 +3,7 @@
 //
 
 .form-check {
-  line-height: 1.3;
+  min-height: 1.5rem;
-
-  .form-check-input {
-    margin-left: $form-check-input-margin-left * -1;
-
-    &[type='radio'] {
-      margin-left: $form-check-input-radio-margin-left * -1;
-    }
-  }
-
-  margin-bottom: 0;
-  min-height: auto;
 }
 
 .form-check-input {
@@ -23,7 +12,6 @@
   height: $form-check-input-height;
   background-color: $form-check-input-background-color;
   border: $form-check-input-border-width solid $form-check-input-border-color;
-  margin-top: 0;
 
   &:before {
     content: '';
@@ -93,6 +81,8 @@
 
   &[type='checkbox'] {
     border-radius: $form-check-input-checkbox-border-radius;
+    margin-top: 0.19em;
+    margin-right: 8px;
 
     &:focus {
       &:after {
@@ -161,6 +151,8 @@
     border-radius: $form-check-input-radio-border-radius;
     width: $form-check-input-radio-width;
     height: $form-check-input-radio-height;
+    margin-top: 0.125em;
+    margin-right: 6px;
 
     &:before {
       width: $form-check-input-radio-before-width;
@@ -211,8 +203,6 @@
 //
 
 .form-switch {
-  padding-left: $form-switch-padding-left;
-
   .form-check-input {
     background-image: none;
     border-width: 0;
@@ -220,8 +210,8 @@
     width: $form-switch-form-check-input-width;
     height: $form-switch-form-check-input-height;
     background-color: $form-switch-form-check-input-background-color;
-    margin-top: $form-switch-form-check-input-margin-top;
+    margin-top: 0.3em;
-    margin-right: $form-switch-form-check-input-margin-right;
+    margin-right: 8px;
 
     &:after {
       content: '';