refactor: improve styles

Author: mrholek

src/components/AppHeader.js

@@ -43,7 +43,7 @@ const AppHeader = () => {
   }, [])
 
   return (
-    <CHeader position="sticky" className="mb-4" ref={headerRef}>
+    <CHeader position="sticky" className="mb-4 p-0" ref={headerRef}>
       <CContainer className="border-bottom" fluid>
         <CHeaderToggler
           className="ps-1"

src/scss/_example.scss src/scss/_examples.scsssrc/scss/_example.scss renamed to src/scss/_examples.scss

@@ -1,3 +1,6 @@
 // Variable overrides
 //
 // If you want to customize your project please add your variables below.
+
+$enable-rtl: true; /* stylelint-disable-line scss/dollar-variable-default */
+$enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-variable-default */

src/scss/_variables.scss

@@ -1,17 +1,16 @@
 // If you want to override variables do it here
 @import "variables";
 
-$enable-ltr: true;
-$enable-rtl: true;
-
 // Import CoreUI for React components library
 @import "@coreui/coreui/scss/coreui";
 
 // Import Chart.js custom tooltips styles
 @import "@coreui/chartjs/scss/coreui-chartjs";
 
 @import "layout";
-@import "example";
+
+// Preview
+@import "examples";
 
 // If you want to add custom CSS you can put it here.
 @import "custom";