From 7bb0b076d3d6c8525e8d347897c14a5d138801ae Mon Sep 17 00:00:00 2001 From: Paul <64870518+woodcock3@users.noreply.github.com> Date: Tue, 4 Oct 2022 19:42:08 +0000 Subject: [PATCH] Update _override-config.scss --- test/_override-config.scss | 267 ++++++++++++++++++------------------- 1 file changed, 133 insertions(+), 134 deletions(-) diff --git a/test/_override-config.scss b/test/_override-config.scss index 560be55..8466c22 100644 --- a/test/_override-config.scss +++ b/test/_override-config.scss @@ -5,143 +5,142 @@ /// This powers everything from utility class generation to breakpoints /// to enabling/disabling pre-built components/utilities. /// - $gorko-config: - ( - 'namespace': ( - 'prefix': 'my-prefix-', - 'classes': true, - 'css-vars': true - ), - 'css-vars': ( - 'color': var.$gorko-colors, - 'themes': ( - 'default': ( - 'tokens': ( - 'color': var.$light-colors - ) - ), - 'dark': ( - 'prefers-color-scheme': 'dark', - 'tokens': ( - 'color': var.$dark-colors - ) - ), - 'dark-toggle': ( - 'prefix': '[data-theme="dark"]', - 'tokens': ( - 'color': var.$dark-colors - ) + $gorko-config: ( + 'namespace': ( + 'prefix': 'my-prefix-', + 'classes': true, + 'css-vars': true + ), + 'css-vars': ( + 'color': var.$gorko-colors, + 'themes': ( + 'default': ( + 'tokens': ( + 'color': var.$light-colors ) - ) - ), - 'bg': ( - 'items': 'color', - 'css-vars': true, - 'output': 'standard', - 'property': 'background-color' - ), - 'color': ( - 'items': 'color', - 'css-vars': true, - 'output': 'standard', - 'property': 'color' - ), - 'box': ( - 'items': ( - 'block': 'block', - 'flex': 'flex', - 'hide': 'none', - 'show': 'inherit' - ), - 'output': 'responsive', - 'property': 'display' - ), - 'font': ( - 'items': ( - 'base': 'Helvetica, Arial, sans-serif' ), - 'output': 'standard', - 'property': 'font-family' - ), - 'gap-top': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'margin-top' - ), - 'gap-right': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'margin-right' - ), - 'gap-bottom': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'margin-bottom' - ), - 'gap-left': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'margin-left' - ), - 'pad-top': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'padding-top' - ), - 'pad-right': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'padding-right' - ), - 'pad-bottom': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'padding-bottom' - ), - 'pad-left': ( - 'items': var.$gorko-size-scale, - 'output': 'standard', - 'property': 'padding-left' - ), - 'stack': ( - 'items': ( - '300': 0, - '400': 10, - '500': 20, - '600': 30, - '700': 40 - ), - 'output': 'standard', - 'property': 'z-index' - ), - 'text': ( - 'items': var.$gorko-size-scale, - 'output': 'responsive', - 'property': 'font-size' - ), - 'weight': ( - 'items': ( - 'light': '300', - 'regular': '400', - 'bold': '700' - ), - 'output': 'standard', - 'property': 'font-weight' - ), - 'width': ( - 'items': ( - 'full': '100%', - 'half': math.percentage(calc(1 / 2)), - 'quarter': math.percentage(calc(1 / 4)), - 'third': math.percentage(calc(1 / 3)) + 'dark': ( + 'prefers-color-scheme': 'dark', + 'tokens': ( + 'color': var.$dark-colors + ) ), - 'output': 'responsive', - 'property': 'width' - ), - 'breakpoints': ( - 'sm': '(min-width: 36em)', - 'md': '(min-width: 48em)', - 'lg': '(min-width: 62em)' + 'dark-toggle': ( + 'prefix': '[data-theme="dark"]', + 'tokens': ( + 'color': var.$dark-colors + ) + ) ) + ), + 'bg': ( + 'items': 'color', + 'css-vars': true, + 'output': 'standard', + 'property': 'background-color' + ), + 'color': ( + 'items': 'color', + 'css-vars': true, + 'output': 'standard', + 'property': 'color' + ), + 'box': ( + 'items': ( + 'block': 'block', + 'flex': 'flex', + 'hide': 'none', + 'show': 'inherit' + ), + 'output': 'responsive', + 'property': 'display' + ), + 'font': ( + 'items': ( + 'base': 'Helvetica, Arial, sans-serif' + ), + 'output': 'standard', + 'property': 'font-family' + ), + 'gap-top': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'margin-top' + ), + 'gap-right': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'margin-right' + ), + 'gap-bottom': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'margin-bottom' + ), + 'gap-left': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'margin-left' + ), + 'pad-top': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'padding-top' + ), + 'pad-right': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'padding-right' + ), + 'pad-bottom': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'padding-bottom' + ), + 'pad-left': ( + 'items': var.$gorko-size-scale, + 'output': 'standard', + 'property': 'padding-left' + ), + 'stack': ( + 'items': ( + '300': 0, + '400': 10, + '500': 20, + '600': 30, + '700': 40 + ), + 'output': 'standard', + 'property': 'z-index' + ), + 'text': ( + 'items': var.$gorko-size-scale, + 'output': 'responsive', + 'property': 'font-size' + ), + 'weight': ( + 'items': ( + 'light': '300', + 'regular': '400', + 'bold': '700' + ), + 'output': 'standard', + 'property': 'font-weight' + ), + 'width': ( + 'items': ( + 'full': '100%', + 'half': math.percentage(calc(1 / 2)), + 'quarter': math.percentage(calc(1 / 4)), + 'third': math.percentage(calc(1 / 3)) + ), + 'output': 'responsive', + 'property': 'width' + ), + 'breakpoints': ( + 'sm': '(min-width: 36em)', + 'md': '(min-width: 48em)', + 'lg': '(min-width: 62em)' ) + ) );