Skip to content

Commit

Permalink
v1.3.7
Browse files Browse the repository at this point in the history
  • Loading branch information
@danielhaim1
danielhaim1 committed Nov 29, 2020
1 parent c1016ae commit f43f0d6
Show file tree
Hide file tree
Showing 18 changed files with 3,224 additions and 263 deletions.
2 changes: 1 addition & 1 deletion bin/lib/color-rgb.sh
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ set -e
echo $white_ "... $ color.sh;" $reset

echo $black_ "... $ sass $FILE_STYLE_RGB;" $reset
sass $FOLDER_SRC_SCSS/$FILE_STYLE_RGB.scss $FOLDER_DIST_ASSETS_CSS/$FILE_STYLE_RGB.css --no-source-map --charset --style=compressed
sass $FOLDER_SRC_SCSS/$FILE_STYLE_RGB.scss $FOLDER_DIST_ASSETS_CSS/$FILE_STYLE_RGB.css --no-source-map --charset

echo $black_ "... $ postcss $FILE_STYLE_RGB;" $reset
postcss $FOLDER_DIST_ASSETS_CSS/$FILE_STYLE_RGB.css -o $FOLDER_DIST_ASSETS_CSS/$FILE_STYLE_RGB.min.css
Expand Down
2,737 changes: 2,737 additions & 0 deletions index.html
View file

Large diffs are not rendered by default.

42 changes: 35 additions & 7 deletions src/scss/color-rgb.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,44 @@
// ==========================================================================

@forward "core" with (
$brand-color: #8e43e7,
$brand-color: #7759F7,
$color-model: rgb,

$color-mode-harmony: false,
$color-scheme-achromatic: false,
$color-mode-harmony-grayscale: false,
$color-mode-harmony: true,
$color-mode-harmony-grayscale: true,
$color-mode-harmony-grayscale-cool-mix: 3%,
$color-mode-harmony-grayscale-warm-mix: 3%,

$enable-utility-docs: true,

$enable-utility-classes: false,
$color-scheme-neutral: false,
$color-scheme-alpha: false,
$color-scheme-pastel: false
$enable-utility-bg: false,
$enable-utility-color: false,
$enable-utility-border: false,
$enable-utility-fill: false,
$enable-utility-stroke: false,

$color-scheme-primary: true,
$color-scheme-achromatic: false,

$color-scheme-analogous: true,
$color-scheme-complementary: true,
$color-scheme-hues: true,
$color-scheme-split: true,
$color-scheme-square: true,
$color-scheme-tetradic: true,
$color-scheme-triadic: true,

$color-scheme-danger: false,
$color-scheme-warning: false,
$color-scheme-success: false,
$color-scheme-info: false,

$color-scheme-neutral: true,
$color-scheme-pastel: false,
$color-scheme-alpha: true,

$enable-root-colors: true
);

@use "functions";
Expand Down
30 changes: 28 additions & 2 deletions src/scss/color-ryb.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,38 @@
$color-model: ryb,

$color-mode-harmony: false,
$color-scheme-achromatic: false,
$color-mode-harmony-grayscale: false,
$color-mode-harmony-grayscale-cool-mix: 3%,
$color-mode-harmony-grayscale-warm-mix: 2%,

$enable-utility-classes: false,
$enable-utility-bg: false,
$enable-utility-color: false,
$enable-utility-border: false,
$enable-utility-fill: false,
$enable-utility-stroke: false,

$color-scheme-primary: false,
$color-scheme-achromatic: false,

$color-scheme-analogous: false,
$color-scheme-complementary: false,
$color-scheme-hues: false,
$color-scheme-split: false,
$color-scheme-square: false,
$color-scheme-tetradic: false,
$color-scheme-triadic: false,

$color-scheme-danger: false,
$color-scheme-warning: false,
$color-scheme-success: false,
$color-scheme-info: false,

$color-scheme-neutral: false,
$color-scheme-pastel: false,
$color-scheme-alpha: false,
$color-scheme-pastel: false

$enable-root-colors: true
);

@use "functions";
Expand Down
3 changes: 3 additions & 0 deletions src/scss/core/_config.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,9 @@ $enable-utility-border: true !default; // [true | false] => `.border-` classes
$enable-utility-fill: false !default; // [true | false] => `.fill-` classes
$enable-utility-stroke: false !default; // [true | false] => `.stroke-` classes

//
$enable-utility-docs: false !default; // [true | false] => table utilieis (for docs)

// ==========================================================================
// # Color Schemes
// ============================================================================
Expand Down
36 changes: 22 additions & 14 deletions src/scss/core/_maps.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,25 +35,29 @@ $rgb-map: (
) !default;

$color-light-mono-map: (
"100":(
"50":(
value: cs.$value-10,
chroma: cs.$chroma-1
),
"100":(
value: cs.$value-10,
chroma: cs.$chroma-3
),
"200":(
value: cs.$value-10,
chroma: cs.$chroma-4
chroma: cs.$chroma-5
),
"300":(
value: cs.$value-10,
chroma: cs.$chroma-6
chroma: cs.$chroma-7
),
"400":(
value: cs.$value-0,
chroma: cs.$chroma-12
value: cs.$value-10,
chroma: cs.$chroma-9
),
"500":(
value: cs.$value-2,
chroma: cs.$chroma-10
value: cs.$value-10,
chroma: cs.$chroma-12
),
"600":(
value: cs.$value-1,
Expand All @@ -74,25 +78,29 @@ $color-light-mono-map: (
) !default;

$color-dark-mono-map: (
"100":(
"50":(
value: cs.$value-10,
chroma: cs.$chroma-1
),
"100":(
value: cs.$value-10,
chroma: cs.$chroma-3
),
"200":(
value: cs.$value-10,
chroma: cs.$chroma-4
chroma: cs.$chroma-5
),
"300":(
value: cs.$value-10,
chroma: cs.$chroma-6
chroma: cs.$chroma-7
),
"400":(
value: cs.$value-0,
chroma: cs.$chroma-12
value: cs.$value-10,
chroma: cs.$chroma-9
),
"500":(
value: cs.$value-2,
chroma: cs.$chroma-10
value: cs.$value-10,
chroma: cs.$chroma-12
),
"600":(
value: cs.$value-1,
Expand Down
2 changes: 2 additions & 0 deletions src/scss/schemes/_achromatic.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ $-value-9: core.$value-9;
$-value-9: functions.make-color-harmony-grayscale(core.$brand-color, core.$value-9);
} @else {}

$grey-50: functions.make-color-mono($-value-9, 100) !default;
$grey-100: functions.make-color-mono($-value-9, 100) !default;
$grey-200: functions.make-color-mono($-value-8, 200) !default;
$grey-300: functions.make-color-mono($-value-7, 300) !default;
Expand All @@ -46,6 +47,7 @@ $grey-900: functions.make-color-mono($-value-3, 900) !default;
$map-achromatic: (
"white": core.$value-10,
"black": core.$value-0,
"grey-50": $grey-50,
"grey-100": $grey-100,
"grey-200": $grey-200,
"grey-300": $grey-300,
Expand Down
100 changes: 54 additions & 46 deletions src/scss/schemes/_alerts.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,66 +11,71 @@
// # Variables
// ==========================================================================

$-danger-400: color.mix(core.$hue-1, core.$value-0, $weight: core.$chroma-12);
$-warning-400: color.mix(core.$hue-2, core.$value-0, $weight: core.$chroma-12);
$-success-400: color.mix(core.$hue-5, core.$value-0, $weight: core.$chroma-12);
$-info-400: color.mix(core.$hue-8, core.$value-0, $weight: core.$chroma-12);
$-danger-500: color.mix(core.$hue-1, core.$value-0, $weight: core.$chroma-12);
$-warning-500: color.mix(core.$hue-2, core.$value-0, $weight: core.$chroma-12);
$-success-500: color.mix(core.$hue-5, core.$value-0, $weight: core.$chroma-12);
$-info-500: color.mix(core.$hue-8, core.$value-0, $weight: core.$chroma-12);

@if (core.$color-model == ryb) {
$-warning-400: color.mix(core.$hue-3, core.$value-0, $weight: core.$chroma-12);
$-success-400: color.mix(core.$hue-7, core.$value-0, $weight: core.$chroma-12);
$-info-400: color.mix(core.$hue-9, core.$value-0, $weight: core.$chroma-12);
$-warning-500: color.mix(core.$hue-3, core.$value-0, $weight: core.$chroma-12);
$-success-500: color.mix(core.$hue-7, core.$value-0, $weight: core.$chroma-12);
$-info-500: color.mix(core.$hue-9, core.$value-0, $weight: core.$chroma-12);
} @else {}

// ==========================================================================
// # Monochromatic
// ==========================================================================

$danger-100: functions.make-color-mono($-danger-400, 100) !default;
$danger-200: functions.make-color-mono($-danger-400, 200) !default;
$danger-300: functions.make-color-mono($-danger-400, 300) !default;
$danger-400: $-danger-400 !default;
$danger-500: functions.make-color-mono($-danger-400, 500) !default;
$danger-600: functions.make-color-mono($-danger-400, 600) !default;
$danger-700: functions.make-color-mono($-danger-400, 700) !default;
$danger-800: functions.make-color-mono($-danger-400, 800) !default;
$danger-900: functions.make-color-mono($-danger-400, 900) !default;

$warning-100: functions.make-color-mono($-warning-400, 100) !default;
$warning-200: functions.make-color-mono($-warning-400, 200) !default;
$warning-300: functions.make-color-mono($-warning-400, 300) !default;
$warning-400: $-warning-400 !default;
$warning-500: functions.make-color-mono($-warning-400, 500) !default;
$warning-600: functions.make-color-mono($-warning-400, 600) !default;
$warning-700: functions.make-color-mono($-warning-400, 700) !default;
$warning-800: functions.make-color-mono($-warning-400, 800) !default;
$warning-900: functions.make-color-mono($-warning-400, 900) !default;

$success-100: functions.make-color-mono($-success-400, 100) !default;
$success-200: functions.make-color-mono($-success-400, 200) !default;
$success-300: functions.make-color-mono($-success-400, 300) !default;
$success-400: $-success-400 !default;
$success-500: functions.make-color-mono($-success-400, 500) !default;
$success-600: functions.make-color-mono($-success-400, 600) !default;
$success-700: functions.make-color-mono($-success-400, 700) !default;
$success-800: functions.make-color-mono($-success-400, 800) !default;
$success-900: functions.make-color-mono($-success-400, 900) !default;

$info-100: functions.make-color-mono($-info-400, 100) !default;
$info-200: functions.make-color-mono($-info-400, 200) !default;
$info-300: functions.make-color-mono($-info-400, 300) !default;
$info-400: $-info-400 !default;
$info-500: functions.make-color-mono($-info-400, 500) !default;
$info-600: functions.make-color-mono($-info-400, 600) !default;
$info-700: functions.make-color-mono($-info-400, 700) !default;
$info-800: functions.make-color-mono($-info-400, 800) !default;
$info-900: functions.make-color-mono($-info-400, 900) !default;
$danger-50: functions.make-color-mono($-danger-500, 50) !default;
$danger-100: functions.make-color-mono($-danger-500, 100) !default;
$danger-200: functions.make-color-mono($-danger-500, 200) !default;
$danger-300: functions.make-color-mono($-danger-500, 300) !default;
$danger-400: functions.make-color-mono($-danger-500, 400) !default;
$danger-500: functions.make-color-mono($-danger-500, 500) !default;
$danger-600: functions.make-color-mono($-danger-500, 600) !default;
$danger-700: functions.make-color-mono($-danger-500, 700) !default;
$danger-800: functions.make-color-mono($-danger-500, 800) !default;
$danger-900: functions.make-color-mono($-danger-500, 900) !default;

$warning-50: functions.make-color-mono($-warning-500, 50) !default;
$warning-100: functions.make-color-mono($-warning-500, 100) !default;
$warning-200: functions.make-color-mono($-warning-500, 200) !default;
$warning-300: functions.make-color-mono($-warning-500, 300) !default;
$warning-400: functions.make-color-mono($-warning-500, 400) !default;
$warning-500: functions.make-color-mono($-warning-500, 500) !default;
$warning-600: functions.make-color-mono($-warning-500, 600) !default;
$warning-700: functions.make-color-mono($-warning-500, 700) !default;
$warning-800: functions.make-color-mono($-warning-500, 800) !default;
$warning-900: functions.make-color-mono($-warning-500, 900) !default;

$success-50: functions.make-color-mono($-success-500, 50) !default;
$success-100: functions.make-color-mono($-success-500, 100) !default;
$success-200: functions.make-color-mono($-success-500, 200) !default;
$success-300: functions.make-color-mono($-success-500, 300) !default;
$success-400: functions.make-color-mono($-success-500, 400) !default;
$success-500: functions.make-color-mono($-success-500, 500) !default;
$success-600: functions.make-color-mono($-success-500, 600) !default;
$success-700: functions.make-color-mono($-success-500, 700) !default;
$success-800: functions.make-color-mono($-success-500, 800) !default;
$success-900: functions.make-color-mono($-success-500, 900) !default;

$info-50: functions.make-color-mono($-info-500, 50) !default;
$info-100: functions.make-color-mono($-info-500, 100) !default;
$info-200: functions.make-color-mono($-info-500, 200) !default;
$info-300: functions.make-color-mono($-info-500, 300) !default;
$info-400: functions.make-color-mono($-info-500, 400) !default;
$info-500: functions.make-color-mono($-info-500, 500) !default;
$info-600: functions.make-color-mono($-info-500, 600) !default;
$info-700: functions.make-color-mono($-info-500, 700) !default;
$info-800: functions.make-color-mono($-info-500, 800) !default;
$info-900: functions.make-color-mono($-info-500, 900) !default;

// =============================================================================
// # Map
// =============================================================================

$map-success: (
"success-50": $success-50,
"success-100": $success-100,
"success-200": $success-200,
"success-300": $success-300,
Expand All @@ -83,6 +88,7 @@ $map-success: (
) !default;

$map-danger: (
"danger-50": $danger-50,
"danger-100": $danger-100,
"danger-200": $danger-200,
"danger-300": $danger-300,
Expand All @@ -95,6 +101,7 @@ $map-danger: (
) !default;

$map-warning: (
"warning-50": $warning-50,
"warning-100": $warning-100,
"warning-200": $warning-200,
"warning-300": $warning-300,
Expand All @@ -107,6 +114,7 @@ $map-warning: (
) !default;

$map-info: (
"info-50": $info-50,
"info-100": $info-100,
"info-200": $info-200,
"info-300": $info-300,
Expand Down
Loading

0 comments on commit f43f0d6

Please sign in to comment.