@rolster/styles-foundations 1.1.14 → 2.2.0

package/scss/utilities/_colors-utilities.scss

@@ -1,54 +0,0 @@
-// Rolster Technology Colors Utilities
-// v1.0.0
-// @license MIT
-// Author: Rolster Developers
-// Created: 13/Abr/2023
-// Updated: 13/Abr/2023
-
-.font-dark-500 {
-  color: var(--color-dark-500);
-}
-
-.font-dark-300 {
-  color: var(--color-dark-300);
-}
-
-.font-dark-100 {
-  color: var(--color-dark-100);
-}
-
-.font-light-500 {
-  color: var(--color-light-500);
-}
-
-.font-light-300 {
-  color: var(--color-light-300);
-}
-
-.font-light-100 {
-  color: var(--color-light-100);
-}
-
-.bg-dark-500 {
-  background: var(--background-dark-500);
-}
-
-.bg-dark-300 {
-  background: var(--background-dark-300);
-}
-
-.bg-dark-100 {
-  background: var(--background-dark-100);
-}
-
-.bg-light-500 {
-  background: var(--background-light-500);
-}
-
-.bg-light-300 {
-  background: var(--background-light-300);
-}
-
-.bg-light-100 {
-  background: var(--background-light-100);
-}

package/scss/utilities/_helpers-utilities.scss

@@ -1,124 +0,0 @@
-// Rolster Technology Helpers Utilities
-// v1.0.0
-// @license MIT
-// Author: Rolster Developers
-// Created: 23/Sep/2023
-// Updated: 23/Sep/2023
-
-@mixin padding($size) {
-  .pdg-top-#{$size} {
-    padding-top: var(--sizing-#{$size});
-  }
-
-  .pdg-rgt-#{$size} {
-    padding-right: var(--sizing-#{$size});
-  }
-
-  .pdg-bot-#{$size} {
-    padding-bottom: var(--sizing-#{$size});
-  }
-
-  .pdg-lft-#{$size} {
-    padding-left: var(--sizing-#{$size});
-  }
-
-  .pdg-hrz-#{$size} {
-    padding: 0rem var(--sizing-#{$size});
-  }
-
-  .pdg-vrt-#{$size} {
-    padding: var(--sizing-#{$size}) 0rem;
-  }
-
-  .pdg-#{$size} {
-    padding: var(--sizing-#{$size});
-  }
-}
-
-@mixin padding-box-sizing($size) {
-  .pdx-top-#{$size} {
-    padding-top: var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-
-  .pdx-rgt-#{$size} {
-    padding-right: var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-
-  .pdx-bot-#{$size} {
-    padding-bottom: var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-
-  .pdx-lft-#{$size} {
-    padding-left: var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-
-  .pdx-hrz-#{$size} {
-    padding: 0rem var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-
-  .pdx-vrt-#{$size} {
-    padding: var(--sizing-#{$size}) 0rem;
-    box-sizing: border-box;
-  }
-
-  .pdx-#{$size} {
-    padding: var(--sizing-#{$size});
-    box-sizing: border-box;
-  }
-}
-
-@mixin margin($size) {
-  .mrg-top-#{$size} {
-    margin-top: var(--sizing-#{$size});
-  }
-
-  .mrg-rgt-#{$size} {
-    margin-right: var(--sizing-#{$size});
-  }
-
-  .mrg-bot-#{$size} {
-    margin-bottom: var(--sizing-#{$size});
-  }
-
-  .mrg-lft-#{$size} {
-    margin-left: var(--sizing-#{$size});
-  }
-
-  .mrg-hrz-#{$size} {
-    margin: 0rem var(--sizing-#{$size});
-  }
-
-  .mrg-vrt-#{$size} {
-    margin: var(--sizing-#{$size}) 0rem;
-  }
-
-  .mrg-#{$size} {
-    margin: var(--sizing-#{$size});
-  }
-}
-
-@include padding('x4');
-@include padding('x8');
-@include padding('x12');
-@include padding('x16');
-@include padding('x24');
-@include padding('x36');
-
-@include padding-box-sizing('x4');
-@include padding-box-sizing('x8');
-@include padding-box-sizing('x12');
-@include padding-box-sizing('x16');
-@include padding-box-sizing('x24');
-@include padding-box-sizing('x36');
-
-@include margin('x4');
-@include margin('x8');
-@include margin('x12');
-@include margin('x16');
-@include margin('x24');
-@include margin('x36');

package/scss/utilities/_themes-utilities.scss

@@ -1,42 +0,0 @@
-// Rolster Technology Themes Utilities
-// v1.0.0
-// @license MIT
-// Author: Rolster Developers
-// Created: 13/Abr/2023
-// Updated: 13/Abr/2023
-
-.font-mode-500 {
-  color: var(--color-theme-500);
-}
-
-.font-mode-300 {
-  color: var(--color-theme-300);
-}
-
-.font-mode-100 {
-  color: var(--color-theme-100);
-}
-
-.bg-mode-500 {
-  background: var(--background-theme-500);
-}
-
-.bg-mode-300 {
-  background: var(--background-theme-300);
-}
-
-.bg-mode-100 {
-  background: var(--background-theme-100);
-}
-
-.border-1-mode-500 {
-  border: var(--border-1-theme-500);
-}
-
-.border-2-mode-500 {
-  border: var(--border-2-theme-500);
-}
-
-.border-4-mode-500 {
-  border: var(--border-4-theme-500);
-}

package/scss/utilities/_typographics-utilities.scss

@@ -1,107 +0,0 @@
-// Rolster Technology Typographics Utilities
-// v2.0.0
-// @license MIT
-// Author: Rolster Developers
-// Created: 20/Mar/2018
-// Updated: 13/Sep/2023
-
-@mixin typographic($name, $key) {
-  .#{$name}-default {
-    font-size: var(--#{$key}-font-size);
-    letter-spacing: var(--#{$key}-letter-spacing);
-    min-height: var(--#{$key}-line-height);
-    line-height: var(--#{$key}-line-height);
-  }
-
-  .#{$name}-regular {
-    @extend .#{$name}-default;
-    font-weight: var(--font-weight-regular);
-  }
-
-  .#{$name}-medium {
-    @extend .#{$name}-default;
-    font-weight: var(--font-weight-medium);
-  }
-
-  .#{$name}-semibold {
-    @extend .#{$name}-default;
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .#{$name}-bold {
-    @extend .#{$name}-default;
-    font-weight: var(--font-weight-bold);
-  }
-}
-
-h1 {
-  font-size: var(--heading1-font-size);
-  letter-spacing: var(--heading1-letter-spacing);
-  min-height: var(--heading1-line-height);
-  line-height: var(--heading1-line-height);
-}
-
-h2 {
-  font-size: var(--heading2-font-size);
-  letter-spacing: var(--heading2-letter-spacing);
-  min-height: var(--heading2-line-height);
-  line-height: var(--heading2-line-height);
-}
-
-h3 {
-  font-size: var(--heading3-font-size);
-  letter-spacing: var(--heading3-letter-spacing);
-  min-height: var(--heading3-line-height);
-  line-height: var(--heading3-line-height);
-}
-
-h4 {
-  font-size: var(--heading4-font-size);
-  letter-spacing: var(--heading4-letter-spacing);
-  min-height: var(--heading4-line-height);
-  line-height: var(--heading4-line-height);
-}
-
-h5 {
-  font-size: var(--heading5-font-size);
-  letter-spacing: var(--heading5-letter-spacing);
-  min-height: var(--heading5-line-height);
-  line-height: var(--heading5-line-height);
-}
-
-h6 {
-  font-size: var(--heading6-font-size);
-  letter-spacing: var(--heading6-letter-spacing);
-  min-height: var(--heading6-line-height);
-  line-height: var(--heading6-line-height);
-}
-
-p {
-  font-size: var(--label-font-size);
-  letter-spacing: var(--label-letter-spacing);
-  min-height: var(--label-line-height);
-  line-height: var(--label-line-height);
-}
-
-button {
-  font-size: var(--button-font-size);
-  letter-spacing: var(--button-letter-spacing);
-  min-height: var(--button-line-height);
-  line-height: var(--button-line-height);
-}
-
-@include typographic('h1', 'heading1');
-@include typographic('h2', 'heading2');
-@include typographic('h3', 'heading3');
-@include typographic('h4', 'heading4');
-@include typographic('h5', 'heading5');
-@include typographic('h6', 'heading6');
-@include typographic('title', 'title');
-@include typographic('subtitle', 'subtitle');
-@include typographic('body', 'body');
-@include typographic('input', 'input');
-@include typographic('label', 'label');
-@include typographic('button', 'button');
-@include typographic('smalltext', 'smalltext');
-@include typographic('caption', 'caption');
-@include typographic('overline', 'overline');