@simple-reporting/base 0.1.111 → 0.1.112

package/scss/system/mixins.scss

@@ -1,27 +1,27 @@
-@use 'sass:map';
-@use 'variables';
-
-$styles: ();
-$stylesUp: ();
-$stylesDown: ();
-$stylesOnly: ();
-
-@mixin add-root-style($key, $value, $breakpoint: false, $mediaBehavior: false) {
-  @if $breakpoint {
-    @if $mediaBehavior {
-      @if $mediaBehavior == up {
-        $stylesUp: map.set($stylesUp, $breakpoint, $key, $value) !global;
-      }
-      @if $mediaBehavior == down {
-        $stylesDown: map.set($stylesDown, $breakpoint, $key, $value) !global;
-      }
-    } @else {
-      $stylesOnly: map.set($stylesOnly, $breakpoint, $key, $value) !global;
-    }
-  } @else {
-    $styles: map.set($styles, $key, $value) !global;
-  }
-}
-
-@mixin core-styles {
-}
+@use 'sass:map';
+@use 'variables';
+
+$styles: ();
+$stylesUp: ();
+$stylesDown: ();
+$stylesOnly: ();
+
+@mixin add-root-style($key, $value, $breakpoint: false, $mediaBehavior: false) {
+  @if $breakpoint {
+    @if $mediaBehavior {
+      @if $mediaBehavior == up {
+        $stylesUp: map.set($stylesUp, $breakpoint, $key, $value) !global;
+      }
+      @if $mediaBehavior == down {
+        $stylesDown: map.set($stylesDown, $breakpoint, $key, $value) !global;
+      }
+    } @else {
+      $stylesOnly: map.set($stylesOnly, $breakpoint, $key, $value) !global;
+    }
+  } @else {
+    $styles: map.set($styles, $key, $value) !global;
+  }
+}
+
+@mixin core-styles {
+}

package/scss/system/root.scss

@@ -1,39 +1,39 @@
-@use 'variables';
-@use 'mixins';
-@use '../grid';
-
-@mixin core-styles {
-  @each $key, $value in variables.$root-styles {
-    @include add-root-style($key, $value);
-  }
-  @at-root {
-    :root {
-      @each $key, $value in mixins.$styles {
-        --#{$key}: #{$value};
-      }
-      @each $breakpoint, $breakpointValue in mixins.$stylesUp {
-        @include grid.media-up($breakpoint) {
-          @each $key, $value in $breakpointValue {
-            --#{$key}: #{$value};
-          }
-        }
-      }
-
-      @each $breakpoint, $breakpointValue in mixins.$stylesDown {
-        @include grid.media-down($breakpoint) {
-          @each $key, $value in $breakpointValue {
-            --#{$key}: #{$value};
-          }
-        }
-      }
-
-      @each $breakpoint, $breakpointValue in mixins.$stylesOnly {
-        @include grid.media($breakpoint) {
-          @each $key, $value in $breakpointValue {
-            --#{$key}: #{$value};
-          }
-        }
-      }
-    }
-  }
-}
+@use 'variables';
+@use 'mixins';
+@use '../grid';
+
+@mixin core-styles {
+  @each $key, $value in variables.$root-styles {
+    @include add-root-style($key, $value);
+  }
+  @at-root {
+    :root {
+      @each $key, $value in mixins.$styles {
+        --#{$key}: #{$value};
+      }
+      @each $breakpoint, $breakpointValue in mixins.$stylesUp {
+        @include grid.media-up($breakpoint) {
+          @each $key, $value in $breakpointValue {
+            --#{$key}: #{$value};
+          }
+        }
+      }
+
+      @each $breakpoint, $breakpointValue in mixins.$stylesDown {
+        @include grid.media-down($breakpoint) {
+          @each $key, $value in $breakpointValue {
+            --#{$key}: #{$value};
+          }
+        }
+      }
+
+      @each $breakpoint, $breakpointValue in mixins.$stylesOnly {
+        @include grid.media($breakpoint) {
+          @each $key, $value in $breakpointValue {
+            --#{$key}: #{$value};
+          }
+        }
+      }
+    }
+  }
+}

package/scss/system/variables.scss

@@ -1,13 +1,13 @@
-$environment: development !default;
-
-$variable-prefix: 'srl-' !default;
-$class-prefix: 'srl-' !default;
-
-$dpi: 96 !default;
-$point: 0.75 !default;
-$root-size: 16 !default;
-$size-unit: 'rem' !default;
-
-$meta: () !default;
-
-$root-styles: () !default;
+$environment: development !default;
+
+$variable-prefix: 'srl-' !default;
+$class-prefix: 'srl-' !default;
+
+$dpi: 96 !default;
+$point: 0.75 !default;
+$root-size: 16 !default;
+$size-unit: 'rem' !default;
+
+$meta: () !default;
+
+$root-styles: () !default;

package/scss/typography/functions.scss

@@ -1,63 +1,63 @@
-@use 'sass:map';
-@use 'variables';
-@use '../system';
-
-@function get-font-family($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-family, unset);
-}
-
-@function get-font-size($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typo specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-size, unset);
-}
-
-@function get-line-height($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-line-height, unset);
-}
-
-@function get-font-style($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-style, normal);
-}
-
-@function get-font-weight($typo) {
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-weight, unset);
-}
-
-@function get-letter-spacing($typo) {
-  @return var(
-    --#{variables.$variable-prefix}typo-#{$typo}-letter-spacing,
-    unset
-  );
-}
-
-@function get-text-transform($typo) {
-  @return var(
-    --#{variables.$variable-prefix}typo-#{$typo}-text-transform,
-    unset
-  );
-}
-
-@function get-margin-top($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-margin-top, 0);
-}
-
-@function get-margin-bottom($typo) {
-  @if not map.has-key(variables.$typography, $typo) {
-    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
-  }
-  @return var(--#{variables.$variable-prefix}typo-#{$typo}-margin-bottom, 0);
-}
+@use 'sass:map';
+@use 'variables';
+@use '../system';
+
+@function get-font-family($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-family, unset);
+}
+
+@function get-font-size($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typo specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-size, unset);
+}
+
+@function get-line-height($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-line-height, unset);
+}
+
+@function get-font-style($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-style, normal);
+}
+
+@function get-font-weight($typo) {
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-font-weight, unset);
+}
+
+@function get-letter-spacing($typo) {
+  @return var(
+    --#{variables.$variable-prefix}typo-#{$typo}-letter-spacing,
+    unset
+  );
+}
+
+@function get-text-transform($typo) {
+  @return var(
+    --#{variables.$variable-prefix}typo-#{$typo}-text-transform,
+    unset
+  );
+}
+
+@function get-margin-top($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-margin-top, 0);
+}
+
+@function get-margin-bottom($typo) {
+  @if not map.has-key(variables.$typography, $typo) {
+    @error "Invalid typo for typography specified! Choose one of #{map.keys(variables.$typography)}";
+  }
+  @return var(--#{variables.$variable-prefix}typo-#{$typo}-margin-bottom, 0);
+}

package/scss/typography/index.scss

@@ -1,3 +1,3 @@
-@forward 'variables';
-@forward 'functions';
-@forward 'mixins';
+@forward 'variables';
+@forward 'functions';
+@forward 'mixins';