MAJOR: refactor(styles): remove scss shared styles, use shared css only

bimdata · Jun 30, 2023 · 2005e7e · 2005e7e
1 parent 791d6d9
commit 2005e7e
Show file tree

Hide file tree

Showing 94 changed files with 235 additions and 758 deletions.
diff --git a/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue b/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue
@@ -92,8 +92,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataButton.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataCard/BIMDataCard.vue b/src/BIMDataComponents/BIMDataCard/BIMDataCard.vue
@@ -74,8 +74,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataCard.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue b/src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue
@@ -18,10 +18,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style lang="scss" src="./_BIMDataCardBrand.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue b/src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue
@@ -66,8 +66,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataCheckbox.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataCheckbox/_BIMDataCheckbox.scss b/src/BIMDataComponents/BIMDataCheckbox/_BIMDataCheckbox.scss
@@ -1,6 +1,5 @@
 // import BIMDATA MIXINS
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 //custom LABEL
 .bimdata-checkbox {
   position: relative;
@@ -28,7 +27,9 @@
     &::after {
       width: 4px;
       height: 7px;
-      @include pseudo;
+      content: '';
+      display: block;
+      position: absolute;
       top: 1px;
       left: 3px;
       border: solid transparent;

diff --git a/src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue b/src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue
@@ -878,7 +878,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
+@import "../../assets/css/variables.css";
 </style>
 
 <style lang="scss" src="">

diff --git a/src/BIMDataComponents/BIMDataDatePicker/_BIMDataDatePicker.scss b/src/BIMDataComponents/BIMDataDatePicker/_BIMDataDatePicker.scss
@@ -1,4 +1,4 @@
-@import "../../assets/scss/_BIMDataTransitions.scss";
+@import "../../assets/css/transitions.css";
 .bimdata-datepicker {
   position: relative;
   text-align: left;

diff --git a/src/BIMDataComponents/BIMDataDropdownList/BIMDataDropdownList.vue b/src/BIMDataComponents/BIMDataDropdownList/BIMDataDropdownList.vue
@@ -35,7 +35,7 @@
         @element-click="onElementClick"
         :loading="loading"
       >
-        <template #element="{element}">
+        <template #element="{ element }">
           <slot
             name="element"
             :element="element"
@@ -142,10 +142,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style lang="scss" src="./_BIMDataDropdownList.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataDropdownList/_BIMDataDropdownList.scss b/src/BIMDataComponents/BIMDataDropdownList/_BIMDataDropdownList.scss
@@ -1,5 +1,5 @@
-@import "../../assets/scss/_BIMDataTransitions.scss";
-@import "../../assets/scss/elements/_BIMDataSubmenus.scss";
+@import "../../assets/css/transitions.css";
+@import "../../assets/css/elements/_submenu.css";
 
 .bimdata-dropdown-list {
   height: 42px;

diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
@@ -203,7 +203,7 @@ export default {
 <style
   lang="scss"
   scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
+  src="../../assets/css/variables.css"
 ></style>
 
 <style lang="scss" src="./_BIMDataDropdownMenu.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss b/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss
@@ -1,6 +1,6 @@
 // import BIMDATA VARIABLES
-@import "../../assets/scss/_BIMDataTransitions.scss";
-@import "../../assets/scss/elements/_BIMDataSubmenus.scss";
+@import "../../assets/css/transitions.css";
+@import "../../assets/css/elements/_submenu.css";
 .bimdata-dropdown {
   height: 42px;
   position: relative;

diff --git a/src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue b/src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue
@@ -116,10 +116,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style lang="scss" src="./_BIMDataIcon.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue b/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue
@@ -19,10 +19,6 @@ import makeIcon from "./iconFactory.js";
 export default makeIcon("Chevron", Chevron);
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../../assets/css/variables.css"></style>
 
 <style lang="scss" src="../_BIMDataIcon.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue b/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue
@@ -19,10 +19,6 @@ import makeIcon from "./iconFactory.js";
 export default makeIcon("Close", Close);
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../../assets/css/variables.css"></style>
 
 <style lang="scss" src="../_BIMDataIcon.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue b/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue
@@ -19,10 +19,6 @@ import makeIcon from "./iconFactory.js";
 export default makeIcon("DoubleChevron", DoubleChevron);
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../../assets/css/variables.css"></style>
 
 <style lang="scss" src="../_BIMDataIcon.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue b/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue
@@ -19,10 +19,6 @@ import makeIcon from "./iconFactory.js";
 export default makeIcon("Search", Search);
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../../assets/css/variables.css"></style>
 
 <style lang="scss" src="../_BIMDataIcon.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataIllustration/BIMDataIllustration.vue b/src/BIMDataComponents/BIMDataIllustration/BIMDataIllustration.vue
@@ -77,5 +77,5 @@ function formatIconComponentsNames(illustrations = {}) {
 <style
   lang="scss"
   scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
+  src="../../assets/css/variables.css"
 ></style>
diff --git a/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue b/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue
@@ -114,8 +114,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataInput.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataInput/_BIMDataInput.scss b/src/BIMDataComponents/BIMDataInput/_BIMDataInput.scss
@@ -1,6 +1,5 @@
 // import BIMDATA MIXINS
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 // import COMPONENT STYLE
 @import "./_keyframes.scss";
 input:-webkit-autofill {
@@ -69,7 +68,9 @@ input:-webkit-autofill {
     &::before {
       width: 0;
       height: 2px;
-      @include pseudo;
+      content: '';
+      display: block;
+      position: absolute;
       background-color: var(--color-primary);
       transform: scaleX(0);
     }

diff --git a/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue b/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue
@@ -27,10 +27,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style lang="scss" src="./_BIMDataLoading.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue b/src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue
@@ -120,8 +120,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_list.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_list.css";
 </style>
 
 <style scoped lang="scss" src="./_BIMDataNavigation.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataPDFViewer/BIMDataPDFViewer.vue b/src/BIMDataComponents/BIMDataPDFViewer/BIMDataPDFViewer.vue
@@ -83,7 +83,7 @@ export default {
 
 <style scoped lang="scss">
 // import BIMDATA VARIABLES
-@import "../../assets/scss/_BIMDataVariables.scss";
+@import "../../assets/css/variables.css";
 
 .pdf-viewer {
   width: 100%;

diff --git a/src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue b/src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue
@@ -157,8 +157,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_list.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_list.css";
 </style>
 
 <style scoped lang="scss" src="./_BIMDataPaginatedList.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue b/src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue
@@ -92,10 +92,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style scoped lang="scss" src="./_BIMDataPagination.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataRadio/BIMDataRadio.vue b/src/BIMDataComponents/BIMDataRadio/BIMDataRadio.vue
@@ -56,8 +56,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataRadio.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataRadio/_BIMDataRadio.scss b/src/BIMDataComponents/BIMDataRadio/_BIMDataRadio.scss
@@ -1,5 +1,4 @@
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 .bimdata-radio {
   position: relative;
   color: var(--color-primary);
@@ -20,7 +19,9 @@
 
   &__circle,
   &__dot {
-    @include pseudo;
+    content: '';
+    display: block;
+    position: absolute;
     border-radius: 50%;
     transition: all 0.2s ease;
     box-sizing: border-box;

diff --git a/src/BIMDataComponents/BIMDataSearch/BIMDataSearch.vue b/src/BIMDataComponents/BIMDataSearch/BIMDataSearch.vue
@@ -135,8 +135,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataSearch.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.scss b/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.scss
@@ -1,6 +1,5 @@
-@import "../../assets/scss/_BIMDataVariables.scss";
+@import "../../assets/css/variables.css";
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 
 .bimdata-select {
   position: relative;

diff --git a/src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue b/src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue
@@ -21,10 +21,6 @@ export default {
 };
 </script>
 
-<style
-  lang="scss"
-  scoped
-  src="../../assets/scss/_BIMDataVariables.scss"
-></style>
+<style lang="scss" scoped src="../../assets/css/variables.css"></style>
 
 <style lang="scss" src="./_BIMDataSpinner.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataTable/_BIMDataTable.scss b/src/BIMDataComponents/BIMDataTable/_BIMDataTable.scss
@@ -1,4 +1,4 @@
-@import "../../assets/scss/_BIMDataVariables.scss";
+@import "../../assets/css/variables.css";
 
 .bimdata-table {
   width: 100%;

diff --git a/src/BIMDataComponents/BIMDataTabs/BIMDataTabs.vue b/src/BIMDataComponents/BIMDataTabs/BIMDataTabs.vue
@@ -163,6 +163,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "../../assets/scss/_BIMDataVariables.scss";
+@import "../../assets/css/variables.css";
 @import "./_BIMDataTabs.scss";
 </style>
diff --git a/src/BIMDataComponents/BIMDataTabs/_BIMDataTabs.scss b/src/BIMDataComponents/BIMDataTabs/_BIMDataTabs.scss
@@ -1,5 +1,4 @@
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 
 .bimdata-tabs {
   position: relative;

diff --git a/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue b/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue
@@ -121,8 +121,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../assets/scss/_BIMDataVariables.scss";
-@import "../../assets/scss/utilities/_text.scss";
+@import "../../assets/css/variables.css";
+@import "../../assets/css/utilities/_text.css";
 </style>
 
 <style lang="scss" src="./_BIMDataTextarea.scss"></style>
diff --git a/src/BIMDataComponents/BIMDataTextarea/_BIMDataTextarea.scss b/src/BIMDataComponents/BIMDataTextarea/_BIMDataTextarea.scss
@@ -1,6 +1,5 @@
 // import BIMDATA MIXINS
 @import "../../assets/scss/mixins/_font-size.scss";
-@import "../../assets/scss/mixins/_pseudo.scss";
 
 textarea:-webkit-autofill {
   box-shadow: 0 0 0px 1000px var(--color-white) inset;
@@ -70,7 +69,9 @@ textarea:-webkit-autofill {
     &::after {
       width: 0;
       height: 2px;
-      @include pseudo;
+      content: '';
+      display: block;
+      position: absolute;
       background-color: var(--color-primary);
       transform: scaleX(0);
     }

diff --git a/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.scss b/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.scss
@@ -54,8 +54,8 @@
     }
 
     &--secondary {
-      background-color: $color-secondary;
-      color: $color-primary;
+      background-color: var(--color-secondary);
+      color: var(--color-primary);
       &::before {
         border-color: var(--color-secondary) transparent transparent;
       }