@nappr/nappr-styles 0.3.1 → 0.3.3

package/lib/mixins/_theme.scss

@@ -1,25 +0,0 @@
-@use '../globals' as globals;
-
-@mixin color($name) {
-  color: get-color(globals.$PALETTE, $name);
-}
-
-@mixin backgroundColor($name) {
-  background-color: get-color(globals.$PALETTE, $name);
-}
-
-// Generate helpers classes for colors
-// From auto generated file `_colors.scss`
-// .is-<color> { /* setup font-color */ }
-// .bg-<color> { /* setup background-color */ }
-@each $name, $value in globals.$PALETTE {
-  // generate font colors
-  .is-#{$name} {
-    color: $value;
-  }
-
-  // generate background colors
-  .bg-#{$name} {
-    background-color: $value;
-  }
-}

package/lib/styles.scss

@@ -1,19 +0,0 @@
-/**
- *
- * !!! DO NOT REORDER -> Declarative loading
- *
- */
-@use 'variables/' as *;
-@use 'globals';
-@use 'funcs/' as *;
-
-// Core
-@use 'mixins/' as *;
-@use 'reset';
-@use 'htmls/' as *;
-@use 'grid/' as *;
-@use 'helpers/' as *;
-
-.debug * {
-  outline: 1px solid rgb(255 0 0 / 30%);
-}

package/lib/variables/_.scss

@@ -1,4 +0,0 @@
-// !!! DOT NOT REORDER !!!
-@use 'defaults';
-@use 'breakpoints';
-@use 'colors';

package/lib/variables/_breakpoints.scss

@@ -1,5 +0,0 @@
-$breakpoints-xs: 320px !default; // Mobile Small
-$breakpoints-sm: 576px !default; // Mobile
-$breakpoints-md: 768px !default; // Tablet
-$breakpoints-lg: 1024px !default; // Desktop
-$breakpoints-xl: 1248px !default; // Desktop Extra Large

package/lib/variables/_colors.scss

@@ -1,60 +0,0 @@
-// Black & White Colors
-$black: #000000 !default;
-$white: #ffffff !default;
-$grey: #7f7f7f !default;
-
-// Primary colors
-$blue: #0000ff !default;
-$red: #ff0000 !default;
-$green: #00ff00 !default;
-$yellow: #f0f00f !default;
-$magenta: #800080 !default;
-$orange: #ffa500 !default;
-
-// Usual colors
-$warning: #2b2925 !default;
-$success: #268744 !default;
-$info: #0762c8 !default;
-$error: #ff0000 !default;
-
-$g100: #f8f8f8 !default;
-$g200: #f0f0f0 !default;
-$g300: #e7e7e7 !default;
-$g400: #cecece !default;
-$g500: #9c9c9c !default;
-$g600: #6a6a6a !default;
-$g700: #383838 !default;
-$g750: #2a2a2a !default;
-$g800: #1e1e1e !default;
-
-$pastel-blue: #5db0d7 !default;
-$pastel-yellow: #f9da9b !default;
-$pastel-red: #db8c62 !default;
-$pastel-green: #42b983 !default;
-$pastel-purple: #9a7fd5 !default;
-$pastel-verde: #40d4c7 !default;
-$pastel-kaki: #b9c580 !default;
-$pastel-gold: #c7b654 !default;
-
-$chrome-red: #ff8080 !default;
-$chrome-yellow: #ffdd9e !default;
-$chrome-black: #242424 !default;
-$chrome-grey: #333333 !default;
-$chrome-light: #525252 !default;
-$chrome-white: #e6e6e6 !default;
-
-$airbnb: #ff385c !default;
-$amazon: #ff9900 !default;
-$twitch: #9147ff !default;
-$youtube: #ff0000 !default;
-$twitter: #1da1f2 !default;
-$facebook: #365899 !default;
-$instagram: linear-gradient(
-  45deg,
-  #405de6,
-  #5851db,
-  #833ab4,
-  #c13584,
-  #e1306c,
-  #fd1d1d
-) !default;

package/lib/variables/_defaults.scss

@@ -1,53 +0,0 @@
-$BORDER_STYLE: solid !default;
-$LINE_HEIGHT_MAP: (12) !default;
-$BODY_FONT_SIZE: 16px !default;
-$SPACINGS_MAP: (3, 6, 9, 12, 18, 24, 26, 48) !default;
-$BORDER_SIZE_MAP: (1, 2, 3, 4, 5, 6, 7, 8, 10) !default;
-$BORDER_RADIUS_MAP: (2, 3, 4, 5, 6, 7, 8, 10, 12, 24) !default;
-$FONT_SIZES_MAP: (6, 7, 8, 9, 10, 11, 12, 14, 24, 26, 32, 40) !default;
-$DIMENSIONS_MAP: (
-  3,
-  5,
-  6,
-  10,
-  15,
-  20,
-  25,
-  30,
-  33,
-  35,
-  40,
-  45,
-  50,
-  55,
-  60,
-  66,
-  70,
-  75,
-  80,
-  85,
-  90,
-  95,
-  100
-) !default;
-
-$body-width: 100vw !default;
-$rem-fallback: true !default; // always force callback
-$rem-px-only: false !default;
-
-// Borders
-$border-style: $BORDER_STYLE;
-$border-size-map: $BORDER_SIZE_MAP;
-$border-radius-map: $BORDER_RADIUS_MAP;
-
-// Fonts
-$body-font-size: $BODY_FONT_SIZE;
-$default-font-size: 12px !default;
-$line-height-map: $LINE_HEIGHT_MAP;
-$font-sizes-map: $FONT_SIZES_MAP;
-$rem-baseline: $body-font-size !default;
-
-// Dimensions
-$default-spacing: 12px !default;
-$spacings-map: $SPACINGS_MAP;
-$dimensions-map: $DIMENSIONS_MAP;