renusify 2.2.5 → 2.3.0

package/components/codeEditor/index.vue

@@ -64,13 +64,13 @@ export default {
     name: "r-code-editor",
     components: {
         HighlightCss: defineAsyncComponent(() =>
-            import("./highlightCss")
+            import("./highlightCss.vue")
         ), HighlightScript: defineAsyncComponent(() =>
-            import("./highlightJs")
+            import("./highlightJs.vue")
         ), highlightHtml: defineAsyncComponent(() =>
-            import("./highlightHtml")
+            import("./highlightHtml.vue")
         ), RCodeEditorRun: defineAsyncComponent(() =>
-            import("./run")
+            import("./run.vue")
         )
     },
     props: {
@@ -135,9 +135,9 @@ export default {
 </script>
 
 <style lang="scss">
-@import "../../style/include";
+@use "../../style/variables/base";
 
-.#{$prefix}code-editor {
+.#{base.$prefix}code-editor {
     position: relative;
     white-space: break-spaces;
     caret-color: white;

package/components/container/style.scss

@@ -1,11 +1,13 @@
-@import "renusify/style/_include.scss";
+@use "sass:math";
+@use "../../style/variables/base";
+@use "../../style/mixins/container" as mixins;
 
-.#{$prefix}container {
-  padding: $container-padding-x;
+.#{base.$prefix}container {
+  padding: base.$container-padding-x;
   margin-right: auto;
   margin-left: auto;
 
-  @include make-container-max-widths;
+  @include mixins.make-container-max-widths;
 
   &.container-fluid {
     max-width: 100%;
@@ -23,7 +25,7 @@
 //
 // Rows contain and clear the floats of your columns.
 .row {
-  @include make-row ;
+  @include mixins.make-row ;
 
   .col {
     &.h-center, &.h-start, &.h-end,
@@ -33,11 +35,11 @@
   }
 
   &-dense {
-    margin-right: div($form-grid-gutter, -2);
-    margin-left: div($form-grid-gutter, -2);
+    margin-right: math.div(base.$form-grid-gutter, -2);
+    margin-left: math.div(base.$form-grid-gutter, -2);
 
     .col {
-      padding: div($form-grid-gutter, 2) !important;
+      padding: math.div(base.$form-grid-gutter, 2) !important;
     }
   }
 
@@ -87,13 +89,13 @@
 // Columns
 //
 // Common styles for small and large grid columns
-@include make-grid-columns;
+@include mixins.make-grid-columns;
 
 
 //divider
 $divider-inset-margin: 72px !default;
 
-.#{$prefix}divider {
+.#{base.$prefix}divider {
   display: block;
   flex: 1 1 0px;
   max-width: 100%;

package/components/content/index.vue

@@ -20,36 +20,39 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../../style/_include';
+@use "sass:map";
+@use "../../style/variables/base";
+@use "../../style/mixins";
 
-.#{$prefix}content {
-  --belowHeader: #{$toolbar-height};
+
+.#{base.$prefix}content {
+  --belowHeader: #{base.$toolbar-height};
   width: 100%;
   max-width: 100%;
-  transition: 0.2s map-get($transition, 'fast-out-slow-in');
+  transition: 0.2s map.get(base.$transition, 'fast-out-slow-in');
   position: relative;
-  @include firefox() {
+  @include mixins.firefox() {
     @media print {
       display: block
     }
   }
 
   &.flipped {
-    @include rtl() {
-      padding-right: $navbar-width;
+    @include mixins.rtl() {
+      padding-right: base.$navbar-width;
     }
-    @include ltr() {
-      padding-left: $navbar-width;
+    @include mixins.ltr() {
+      padding-left: base.$navbar-width;
     }
   }
 
   &.moved {
-    width: calc(100% + #{$navbar-width});
-    @include rtl() {
-      margin-right: $navbar-width;
+    width: calc(100% + #{base.$navbar-width});
+    @include mixins.rtl() {
+      margin-right: base.$navbar-width;
     }
-    @include ltr() {
-      margin-left: $navbar-width;
+    @include mixins.ltr() {
+      margin-left: base.$navbar-width;
     }
   }
 

package/components/cropper/index.vue

@@ -292,9 +292,9 @@ export default {
 </script>
 
 <style lang="scss">
-@import "../../style/include";
+@use "../../style/variables/base";
 
-.#{$prefix}cropper {
+.#{base.$prefix}cropper {
   width: 300px;
 
   .image-box {