refactor: update examples

Author: mrholek

src/App.js

@@ -5,6 +5,9 @@ import { useSelector } from 'react-redux'
 import { CSpinner, useColorModes } from '@coreui/react'
 import './scss/style.scss'
 
+// We use those styles to show code examples, you should remove them in your application.
+import './scss/examples.scss'
+
 // Containers
 const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout'))
 

src/scss/examples.scss

@@ -1,5 +1,6 @@
-/* stylelint-disable declaration-no-important, scss/selector-no-redundant-nesting-selector */
-$enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-variable-default */
+/* stylelint-disable scss/selector-no-redundant-nesting-selector */
+
+$enable-deprecation-messages: false !default;
 
 @import "@coreui/coreui/scss/functions";
 @import "@coreui/coreui/scss/variables";
@@ -53,6 +54,8 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
     }
 
     // Buttons
+    .col > .btn,
+    .col-auto > .btn,
     > .btn,
     > .btn-group {
       margin: .25rem .125rem;
@@ -105,12 +108,4 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
       }
     }
   }
-}
-
-@if $enable-dark-mode {
-  @include color-mode(dark) {
-    .example .tab-content {
-      background-color: var(--#{$prefix}secondary-bg) !important;
-    }
-  }
-}
+}