page wrapper, nav fixes

demo/dist/css/demo.css

@@ -183,7 +183,7 @@ pre.highlight,
 
 .example {
   padding: 2rem;
-  margin: 2rem 0;
+  margin: 1rem 0 2rem;
   border: 1px solid #e6e8e9;
   border-radius: 3px 3px 0 0;
   position: relative;

demo/dist/css/tabler-vendors.css

@@ -6,46 +6,6 @@
 * Copyright 2018-2021 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
-.apexcharts-title-text {
-  font-weight: 600 !important; }
-
-.apexcharts-tooltip-title {
-  font-weight: 600 !important;
-  padding-bottom: .25rem !important; }
-
-.apexcharts-gridline,
-.apexcharts-ycrosshairs,
-.apexcharts-xaxis-tick {
-  stroke: #e6e8e9 !important; }
-
-.apexcharts-tooltip {
-  line-height: 1;
-  color: #ffffff;
-  background: #232e3c !important;
-  border: 0 !important;
-  border-radius: 3px !important; }
-
-.apexcharts-tooltip-title {
-  margin: 0 !important;
-  background: transparent !important;
-  border: 0 !important; }
-
-.apexcharts-tooltip-series-group {
-  padding: 0 8px !important; }
-
-.apexcharts-tooltip-marker {
-  width: .5rem;
-  height: .5rem; }
-
-.apexcharts-gridline,
-.apexcharts-ycrosshairs,
-.apexcharts-xaxis-tick {
-  stroke: #e7eaef; }
-
-.apexcharts-yaxis-label,
-.apexcharts-xaxis-label {
-  fill: #656d77; }
-
 /*! nouislider - 14.6.3 - 11/19/2020 */
 /* Functional styling;
  * These styles are required for noUiSlider to function.

dist/css/tabler-flags.css

@@ -805,3 +805,7 @@
 .flag-xl {
   width: 7rem;
   height: 5.25rem; }
+
+.flag-2xl {
+  width: 11rem;
+  height: 8.25rem; }

dist/css/tabler-flags.rtl.css

@@ -805,3 +805,7 @@
 .flag-xl {
   width: 7rem;
   height: 5.25rem; }
+
+.flag-2xl {
+  width: 11rem;
+  height: 8.25rem; }

dist/css/tabler-payments.css

@@ -389,3 +389,7 @@
 .payment-xl {
   width: 11.66662rem;
   height: 7rem; }
+
+.payment-2xl {
+  width: 18.33326rem;
+  height: 11rem; }

dist/css/tabler-payments.rtl.css

@@ -389,3 +389,7 @@
 .payment-xl {
   width: 11.66662rem;
   height: 7rem; }
+
+.payment-2xl {
+  width: 18.33326rem;
+  height: 11rem; }

src/scss/_variables.scss

@@ -42,7 +42,7 @@ $line-height-lg: (1.5rem/$font-size-base) !default;
 $h1-font-size: (24rem / 16) !default;
 $h1-line-height: (2rem/$h1-font-size) !default;
 
-$h2-font-size: (18rem / 16) !default;
+$h2-font-size: (20rem / 16) !default;
 $h2-line-height: (1.75rem/$h2-font-size) !default;
 
 $h3-font-size: (16rem / 16) !default;
@@ -292,6 +292,9 @@ $alert-border-color: $border-color-transparent !default;
 $alert-shadow: rgba($dark, .04) 0 2px 4px 0 !default;
 
 //breadcrumb
+$breadcrumb-divider-color: $text-muted !default;
+$breadcrumb-active-color: inherit !default;
+
 $breadcrumb-variants: (
   dots: "·",
   arrows: "›",
@@ -430,6 +433,13 @@ $nav-link-padding-x: .75rem !default;
 $nav-pills-link-active-color: $primary !default;
 $nav-pills-link-active-bg: $active-bg !default;
 
+$nav-bordered-border-color: $border-color !default;
+$nav-bordered-border-width: $border-width !default;
+$nav-bordered-link-active-color: $primary !default;
+$nav-bordered-link-active-border-color: $primary !default;
+$nav-bordered-link-active-border-width: 2 * $border-width !default;
+$nav-bordered-margin-x: 1.25rem !default;
+
 
 //navbar
 $navbar-height: 3.5rem !default;

src/scss/layout/_page.scss

@@ -75,12 +75,12 @@
 .page-header {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
   min-height: 2.25rem;
-  margin: $content-padding-y 0 0;
+  flex-direction: column;
+  justify-content: center;
 
-  >* {
-    flex: 1;
+  .page-wrapper & {
+    margin: $content-padding-y 0 0;
   }
 }
 
@@ -118,3 +118,21 @@
   margin-top: .25rem;
   color: $text-muted;
 }
+
+//
+// Page tabs
+//
+.page-tabs {
+  margin-top: .5rem;
+  position: relative;
+}
+
+.page-header-tabs {
+  .nav-bordered {
+    border: 0;
+  }
+
+  + .page-body-card {
+    margin-top: 0;
+  }
+}
\ No newline at end of file

src/scss/ui/_breadcrumbs.scss

@@ -2,6 +2,14 @@
   padding: 0;
   margin: 0;
   background: transparent;
+
+  a {
+    color: $text-muted;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 }
 
 .breadcrumb-item {
@@ -20,17 +28,3 @@
     }
   }
 }
-
-.breadcrumb-alternate {
-  a {
-    color: $text-muted;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .breadcrumb-item.active {
-    color: inherit;
-  }
-}