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

woothu · woothu · commit 726d6c938532 · 2019-06-07T10:43:15.000+02:00
diff --git a/src/components/Alert/CAlert.vue b/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>
diff --git a/src/components/Badge/CBadge.vue b/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>
diff --git a/src/components/Breadcrumb/CBreadcrumb.vue b/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>
diff --git a/src/components/Button/CButton.vue b/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>
diff --git a/src/components/Button/CButtonClose.vue b/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>
diff --git a/src/components/Button/CButtonGroup.vue b/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>
diff --git a/src/components/Button/CButtonToolbar.vue b/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";
 
diff --git a/src/components/Callout/CCallout.vue b/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>
diff --git a/src/components/Card/CCard.vue b/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";
diff --git a/src/components/Card/CCardBody.vue b/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";
diff --git a/src/components/Card/CCardFooter.vue b/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";
diff --git a/src/components/Card/CCardGroup.vue b/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>
diff --git a/src/components/Card/CCardHeader.vue b/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";
diff --git a/src/components/Carousel/CCarousel.vue b/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;
   }
diff --git a/src/components/Carousel/CCarouselItem.vue b/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>
diff --git a/src/components/Dropdown/CDropdown.vue b/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";
diff --git a/src/components/Dropdown/CDropdownDivider.vue b/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>
diff --git a/src/components/Dropdown/CDropdownHeader.vue b/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>
diff --git a/src/components/Dropdown/CDropdownItem.vue b/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>
diff --git a/src/components/Embed/CEmbed.vue b/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>
diff --git a/src/components/Footer/CFooter.vue b/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>
diff --git a/src/components/Form/CFormRadio.vue b/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>
diff --git a/src/components/Grid/CContainer.vue b/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>
diff --git a/src/components/Grid/CRow.vue b/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>
diff --git a/src/components/Header/CHeader.vue b/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>
diff --git a/src/components/Image/CImageLazy.vue b/src/components/Image/CImageLazy.vue
@@ -69,7 +69,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style>
   .c-opacity-0 {
     opacity: 0;
   }
diff --git a/src/components/Jumbotron/CJumbotron.vue b/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";
diff --git a/src/components/Media/CMedia.vue b/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>
diff --git a/src/components/Modal/CModal.vue b/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";
diff --git a/src/components/Nav/CNav.vue b/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>
diff --git a/src/components/Navbar/CNavbar.vue b/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";
diff --git a/src/components/Progress/CProgress.vue b/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>
diff --git a/src/components/Sidebar/CSidebar.vue b/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>
diff --git a/src/components/Sidebar/CSidebarNav.vue b/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;
diff --git a/src/components/Sidebar/CSidebarNavDropdown.vue b/src/components/Sidebar/CSidebarNavDropdown.vue
@@ -67,7 +67,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .c-nav-link {
     cursor:pointer;
   }
diff --git a/src/components/Sidebar/SidebarNav.vue b/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%;
diff --git a/src/components/Sidebar/SidebarNavDropdown.vue b/src/components/Sidebar/SidebarNavDropdown.vue
@@ -44,7 +44,7 @@ export default {
 }
 </script>
 
-<style scoped lang="css">
+<style lang="css">
   .nav-link {
     cursor:pointer;
   }
diff --git a/src/components/Spinner/CSpinner.vue b/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>
diff --git a/src/components/Switch/CSwitch.vue b/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>
diff --git a/src/components/Table/CTable.vue b/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";
diff --git a/src/components/Toast/CToast.vue b/src/components/Toast/CToast.vue
@@ -93,7 +93,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
   .toast.full {
     max-width: 100%;
   }
diff --git a/src/components/Toast/CToaster.vue b/src/components/Toast/CToaster.vue
@@ -33,7 +33,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 .toaster {
   z-index: 1100
 }
diff --git a/src/components/Widgets/CWidgetDropdown.vue b/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";
diff --git a/src/components/Widgets/CWidgetIcon.vue b/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";
diff --git a/src/components/Widgets/CWidgetProgress.vue b/src/components/Widgets/CWidgetProgress.vue
diff --git a/src/components/Widgets/CWidgetProgressIcon.vue b/src/components/Widgets/CWidgetProgressIcon.vue
diff --git a/src/components/Widgets/CWidgetSimple.vue b/src/components/Widgets/CWidgetSimple.vue
diff --git a/src/components/Widgets/CWidgetSmallText.vue b/src/components/Widgets/CWidgetSmallText.vue
diff --git a/src/components/Widgets/CWidgetSocial.vue b/src/components/Widgets/CWidgetSocial.vue

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,6 @@ export default {`
`40`	`40`	`}`
`41`	`41`	`</script>`
`42`	`42`
`43`		`-<style scoped lang="scss">`
	`43`	`+<style lang="scss">`
`44`	`44`	`@import "~@coreui/coreui/scss/partials/badge.scss";`
`45`	`45`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,6 @@ export default {`
`41`	`41`	`}`
`42`	`42`	`</script>`
`43`	`43`
`44`		`-<style scoped lang="scss">`
	`44`	`+<style lang="scss">`
`45`	`45`	`@import "~@coreui/coreui/scss/partials/breadcrumb.scss";`
`46`	`46`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,6 @@ export default {`
`99`	`99`	`}`
`100`	`100`	`</script>`
`101`	`101`
`102`		`-<style scoped lang="scss">`
	`102`	`+<style lang="scss">`
`103`	`103`	`@import "~@coreui/coreui/scss/partials/buttons.scss";`
`104`	`104`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export default {`
`30`	`30`	`}`
`31`	`31`	`</script>`
`32`	`32`
`33`		`-<style scoped lang="scss">`
	`33`	`+<style lang="scss">`
`34`	`34`	`@import "~@coreui/coreui/scss/partials/buttons.scss";`
`35`	`35`	`@import "~@coreui/coreui/scss/partials/close.scss";`
`36`	`36`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,6 @@ export default {`
`25`	`25`	`}`
`26`	`26`	`</script>`
`27`	`27`
`28`		`-<style scoped lang="scss">`
	`28`	`+<style lang="scss">`
`29`	`29`	`@import "~@coreui/coreui/scss/partials/button-group.scss";`
`30`	`30`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export default {`
`24`	`24`	`}`
`25`	`25`	`</script>`
`26`	`26`
`27`		`-<style scoped lang="scss">`
	`27`	`+<style lang="scss">`
`28`	`28`	`@import "~@coreui/coreui/scss/partials/button-group.scss";`
`29`	`29`	`@import "~@coreui/coreui/scss/utilities/_flex.scss";`
`30`	`30`
Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,6 @@ export default {`
`13`	`13`	`}`
`14`	`14`	`</script>`
`15`	`15`
`16`		`-<style scoped lang="scss">`
	`16`	`+<style lang="scss">`
`17`	`17`	`@import "~@coreui/coreui/scss/partials/callout.scss";`
`18`	`18`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ export default {`
`52`	`52`	`}`
`53`	`53`	`</script>`
`54`	`54`
`55`		`-<style scoped lang="scss">`
	`55`	`+<style lang="scss">`
`56`	`56`	`@import "~@coreui/coreui/scss/partials/card.scss";`
`57`	`57`	`@import "~@coreui/coreui/scss/utilities/_background.scss";`
`58`	`58`	`@import "~@coreui/coreui/scss/utilities/_text.scss";`
Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ export default {`
`70`	`70`	`}`
`71`	`71`	`</script>`
`72`	`72`
`73`		`-<style scoped lang="scss">`
	`73`	`+<style lang="scss">`
`74`	`74`	`@import "~@coreui/coreui/scss/partials/card.scss";`
`75`	`75`	`@import "~@coreui/coreui/scss/utilities/_background.scss";`
`76`	`76`	`@import "~@coreui/coreui/scss/utilities/_text.scss";`