fix: make styles not scoped, enabling easier manipulation from outside

Author: woothu

src/components/Alert/CAlert.vue

@@ -100,22 +100,17 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style>
+
   .fade-enter-active, .fade-leave-active {
     transition: opacity .3s;
   }
   .fade-enter, .fade-leave-to {
     opacity: 0;
   }
-  /* /deep/ .c-alert-dismissible .c-close {
-     position: absolute;
-     top: 0;
-     right: 0;
-     padding: 0.75rem 1.25rem;
-     color: inherit;
-   } */
+
 </style>
 
 <style lang="scss">
-  @import "~@coreui/coreui/scss/partials/alert.scss";
+@import "~@coreui/coreui/scss/partials/alert.scss";
 </style>

src/components/Badge/CBadge.vue

@@ -40,6 +40,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/badge.scss";
 </style>

src/components/Breadcrumb/CBreadcrumb.vue

@@ -41,6 +41,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/breadcrumb.scss";
 </style>

src/components/Button/CButton.vue

@@ -99,6 +99,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/buttons.scss";
 </style>

src/components/Button/CButtonClose.vue

@@ -30,7 +30,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/buttons.scss";
   @import "~@coreui/coreui/scss/partials/close.scss";
 </style>

src/components/Button/CButtonGroup.vue

@@ -25,6 +25,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/button-group.scss";
 </style>

src/components/Button/CButtonToolbar.vue

@@ -24,7 +24,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/button-group.scss";
   @import "~@coreui/coreui/scss/utilities/_flex.scss";
 

src/components/Callout/CCallout.vue

@@ -13,6 +13,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/callout.scss";
 </style>

src/components/Card/CCard.vue

@@ -52,7 +52,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";

src/components/Card/CCardBody.vue

@@ -70,7 +70,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";

src/components/Card/CCardFooter.vue

@@ -33,7 +33,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";

src/components/Card/CCardGroup.vue

@@ -20,6 +20,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/card.scss";
 </style>

src/components/Card/CCardHeader.vue

@@ -33,7 +33,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";

src/components/Carousel/CCarousel.vue

@@ -117,7 +117,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   .c-carousel-inner, .c-carousel-item {
     height: inherit;
   }

src/components/Carousel/CCarouselItem.vue

@@ -73,6 +73,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/carousel.scss";
 </style>

src/components/Dropdown/CDropdown.vue

@@ -180,7 +180,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/dropdown.scss";
   @import "~@coreui/coreui/scss/partials/buttons.scss";
   @import "~@coreui/coreui/scss/partials/button-group.scss";

src/components/Dropdown/CDropdownDivider.vue

@@ -24,6 +24,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/dropdown.scss";
 </style>

src/components/Dropdown/CDropdownHeader.vue

@@ -24,6 +24,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/dropdown.scss";
 </style>

src/components/Dropdown/CDropdownItem.vue

@@ -20,6 +20,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/dropdown.scss";
 </style>

src/components/Embed/CEmbed.vue

@@ -39,7 +39,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/bootstrap.scss";
   @import "~@coreui/coreui/scss/utilities/_embed.scss";
 </style>

src/components/Footer/CFooter.vue

@@ -21,6 +21,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/footer.scss";
 </style>

src/components/Form/CFormRadio.vue

@@ -18,6 +18,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/forms.scss";
 </style>

src/components/Grid/CContainer.vue

@@ -22,6 +22,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/grid.scss";
 </style>

src/components/Grid/CRow.vue

@@ -34,7 +34,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/grid.scss";
   @import "~@coreui/coreui/scss/utilities/_flex.scss";
 </style>

src/components/Header/CHeader.vue

@@ -21,6 +21,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/header.scss";
 </style>

src/components/Image/CImageLazy.vue

@@ -69,7 +69,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style>
   .c-opacity-0 {
     opacity: 0;
   }

src/components/Jumbotron/CJumbotron.vue

@@ -65,7 +65,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/jumbotron.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";
   @import "~@coreui/coreui/scss/utilities/_borders.scss";

src/components/Media/CMedia.vue

@@ -61,7 +61,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/media.scss";
   @import "~@coreui/coreui/scss/utilities/_spacing.scss";
 </style>

src/components/Modal/CModal.vue

@@ -159,7 +159,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/modal.scss";
   @import "~@coreui/coreui/scss/partials/buttons.scss";
   @import "~@coreui/coreui/scss/partials/close.scss";

src/components/Nav/CNav.vue

@@ -48,7 +48,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/nav.scss";
   @import "~@coreui/coreui/scss/utilities/_flex.scss";
 </style>

src/components/Navbar/CNavbar.vue

@@ -53,7 +53,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/navbar.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
   @import "~@coreui/coreui/scss/utilities/_text.scss";

src/components/Progress/CProgress.vue

@@ -24,7 +24,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/progress.scss";
   @import "~@coreui/coreui/scss/utilities/_background.scss";
 </style>

src/components/Sidebar/CSidebar.vue

@@ -66,6 +66,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/sidebar.scss";
 </style>

src/components/Sidebar/CSidebarNav.vue

@@ -50,7 +50,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .c-scroll-area {
     height: 100%;
     margin: auto;

src/components/Sidebar/CSidebarNavDropdown.vue

@@ -67,7 +67,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .c-nav-link {
     cursor:pointer;
   }

src/components/Sidebar/SidebarNav.vue

@@ -100,7 +100,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .scroll-area {
     position: absolute;
     height: 100%;

src/components/Sidebar/SidebarNavDropdown.vue

@@ -44,7 +44,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .nav-link {
     cursor:pointer;
   }

src/components/Spinner/CSpinner.vue

@@ -35,6 +35,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/spinners.scss";
 </style>

src/components/Switch/CSwitch.vue

@@ -113,6 +113,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/switches.scss";
 </style>

src/components/Table/CTable.vue

@@ -487,7 +487,7 @@ export default {
 }
 </style>
 
-<style scoped lang="scss">
+<style lang="scss">
 @import "~@coreui/coreui/scss/partials/tables.scss";
 @import "~@coreui/coreui/scss/partials/input-group.scss";
 @import "~@coreui/coreui/scss/partials/forms.scss";

src/components/Toast/CToast.vue

@@ -93,7 +93,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   .toast.full {
     max-width: 100%;
   }

src/components/Toast/CToaster.vue

@@ -33,7 +33,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 .toaster {
   z-index: 1100
 }

src/components/Widgets/CWidgetDropdown.vue

@@ -29,7 +29,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/widgets.scss";
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_spacing.scss";

src/components/Widgets/CWidgetIcon.vue

@@ -70,7 +70,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   @import "~@coreui/coreui/scss/partials/widgets.scss";
   @import "~@coreui/coreui/scss/partials/card.scss";
   @import "~@coreui/coreui/scss/utilities/_spacing.scss";