Use single quotes

parent 5004d80a
......@@ -23,7 +23,7 @@ const toScss = (value, indent = '') => {
}
if (value.includes(' ')) {
return JSON.stringify(value);
return JSON.stringify(value).replace(/"/g, '\'');
}
return value;
......@@ -43,7 +43,7 @@ const toScss = (value, indent = '') => {
const mapLine = ([key, value]) => (
indent +
' ' +
JSON.stringify(fromCamelToKebab(key)) +
JSON.stringify(fromCamelToKebab(key)).replace(/"/g, '\'') +
': ' +
toScss(value, indent + ' ') +
',\n'
......
$breakpoints: (
"xs": (
"min-viewport-width": null,
"columns": 4,
"gutter-width": 16,
'xs': (
'min-viewport-width': null,
'columns': 4,
'gutter-width': 16,
),
"sm": (
"min-viewport-width": 600,
"columns": 8,
"gutter-width": 16,
'sm': (
'min-viewport-width': 600,
'columns': 8,
'gutter-width': 16,
),
"md": (
"min-viewport-width": 768,
"columns": 8,
"gutter-width": 24,
'md': (
'min-viewport-width': 768,
'columns': 8,
'gutter-width': 24,
),
"lg": (
"min-viewport-width": 1024,
"columns": 12,
"gutter-width": 24,
'lg': (
'min-viewport-width': 1024,
'columns': 12,
'gutter-width': 24,
),
"xl": (
"min-viewport-width": 1440,
"columns": 12,
"gutter-width": 24,
'xl': (
'min-viewport-width': 1440,
'columns': 12,
'gutter-width': 24,
),
);
$light: (
"surface": #ffffff,
"default": #2f343d,
"info": #6c727a,
"hint": #9ea2a8,
"disabled": #e4e7ea,
"alternative": #ffffff,
"primary": #1d74f5,
"success": #2de0a5,
"danger": #f5455c,
"warning": #dfac00,
"link": #1d74f5,
"visited-link": #9f22c7,
"active-link": #f5455c,
"elevation-1": "rgba(47, 52, 61, 10%)",
"elevation-2-1": "rgba(47, 52, 61, 8%)",
"elevation-2-2": "rgba(47, 52, 61, 12%)",
"backdrop": "rgba(47, 52, 61, 50%)",
"scrollbar": "rgba(247, 248, 250, 5%)",
"scrollbar-hover": "rgba(247, 248, 250, 15%)",
"neutral-100": #f7f8fa,
"neutral-200": #f2f3f5,
"neutral-300": #eeeff1,
"neutral-400": #e4e7ea,
"neutral-500": #cbced1,
"neutral-600": #9ea2a8,
"neutral-700": #6c727a,
"neutral-800": #2f343d,
"neutral-900": #1f2329,
"primary-100": #e8f2ff,
"primary-200": #d1ebfe,
"primary-300": #76b7fc,
"primary-400": #549df9,
"primary-500": #1d74f5,
"primary-600": #095ad2,
"primary-700": #10529e,
"primary-800": #01336b,
"primary-900": #012247,
"info-100": #e8f2ff,
"info-200": #d1ebfe,
"info-300": #76b7fc,
"info-400": #549df9,
"info-500": #1d74f5,
"info-600": #095ad2,
"info-700": #10529e,
"info-800": #01336b,
"info-900": #012247,
"success-100": #e5fbf4,
"success-200": #c0f6e4,
"success-300": #96f0d2,
"success-400": #6ce9c0,
"success-500": #2de0a5,
"success-600": #1ecb92,
"success-700": #19ac7c,
"success-800": #158d65,
"success-900": #106d4f,
"warning-100": #fff6d6,
"warning-200": #ffecad,
"warning-300": #ffe383,
"warning-400": #ffd95a,
"warning-500": #ffd031,
"warning-600": #f3be08,
"warning-700": #dfac00,
"warning-800": #b68d00,
"warning-900": #8e6d00,
"danger-100": #fddade,
"danger-200": #fbb5be,
"danger-300": #f98f9d,
"danger-400": #f76a7d,
"danger-500": #f5455c,
"danger-600": #db0c27,
"danger-700": #b30a20,
"danger-800": #8b0719,
"danger-900": #630512,
'surface': #ffffff,
'default': #2f343d,
'info': #6c727a,
'hint': #9ea2a8,
'disabled': #e4e7ea,
'alternative': #ffffff,
'primary': #1d74f5,
'success': #2de0a5,
'danger': #f5455c,
'warning': #dfac00,
'link': #1d74f5,
'visited-link': #9f22c7,
'active-link': #f5455c,
'elevation-1': 'rgba(47, 52, 61, 10%)',
'elevation-2-1': 'rgba(47, 52, 61, 8%)',
'elevation-2-2': 'rgba(47, 52, 61, 12%)',
'backdrop': 'rgba(47, 52, 61, 50%)',
'scrollbar': 'rgba(247, 248, 250, 5%)',
'scrollbar-hover': 'rgba(247, 248, 250, 15%)',
'neutral-100': #f7f8fa,
'neutral-200': #f2f3f5,
'neutral-300': #eeeff1,
'neutral-400': #e4e7ea,
'neutral-500': #cbced1,
'neutral-600': #9ea2a8,
'neutral-700': #6c727a,
'neutral-800': #2f343d,
'neutral-900': #1f2329,
'primary-100': #e8f2ff,
'primary-200': #d1ebfe,
'primary-300': #76b7fc,
'primary-400': #549df9,
'primary-500': #1d74f5,
'primary-600': #095ad2,
'primary-700': #10529e,
'primary-800': #01336b,
'primary-900': #012247,
'info-100': #e8f2ff,
'info-200': #d1ebfe,
'info-300': #76b7fc,
'info-400': #549df9,
'info-500': #1d74f5,
'info-600': #095ad2,
'info-700': #10529e,
'info-800': #01336b,
'info-900': #012247,
'success-100': #e5fbf4,
'success-200': #c0f6e4,
'success-300': #96f0d2,
'success-400': #6ce9c0,
'success-500': #2de0a5,
'success-600': #1ecb92,
'success-700': #19ac7c,
'success-800': #158d65,
'success-900': #106d4f,
'warning-100': #fff6d6,
'warning-200': #ffecad,
'warning-300': #ffe383,
'warning-400': #ffd95a,
'warning-500': #ffd031,
'warning-600': #f3be08,
'warning-700': #dfac00,
'warning-800': #b68d00,
'warning-900': #8e6d00,
'danger-100': #fddade,
'danger-200': #fbb5be,
'danger-300': #f98f9d,
'danger-400': #f76a7d,
'danger-500': #f5455c,
'danger-600': #db0c27,
'danger-700': #b30a20,
'danger-800': #8b0719,
'danger-900': #630512,
);
$dark: (
"surface": #1e2024,
"default": #fafbff,
"info": #33373d,
"hint": #454a52,
"disabled": #a2a5a8,
"alternative": #ffffff,
"primary": #4081e3,
"success": #2de0a5,
"danger": #de475b,
"warning": #dfac00,
"link": #4081e3,
"visited-link": #9f22c7,
"active-link": #de475b,
"elevation-1": "rgba(242, 243, 247, 10%)",
"elevation-2-1": "rgba(242, 243, 247, 8%)",
"elevation-2-2": "rgba(242, 243, 247, 12%)",
"backdrop": "rgba(242, 243, 247, 50%)",
"scrollbar": "rgba(250, 251, 255, 5%)",
"scrollbar-hover": "rgba(250, 251, 255, 15%)",
"neutral-100": #1e2024,
"neutral-200": #24272b,
"neutral-300": #33373d,
"neutral-400": #454a52,
"neutral-500": #6e7378,
"neutral-600": #a2a5a8,
"neutral-700": #cdcfd4,
"neutral-800": #f2f3f7,
"neutral-900": #fafbff,
"primary-100": #d9eaff,
"primary-200": #b1d2fc,
"primary-300": #8ab8f2,
"primary-400": #559af2,
"primary-500": #4081e3,
"primary-600": #376dbd,
"primary-700": #214f85,
"primary-800": #1b3859,
"primary-900": #172a40,
"info-100": #d9eaff,
"info-200": #b1d2fc,
"info-300": #8ab8f2,
"info-400": #559af2,
"info-500": #4081e3,
"info-600": #376dbd,
"info-700": #214f85,
"info-800": #1b3859,
"info-900": #172a40,
"success-100": #e5fbf4,
"success-200": #c0f6e4,
"success-300": #96f0d2,
"success-400": #6ce9c0,
"success-500": #2de0a5,
"success-600": #1ecb92,
"success-700": #19ac7c,
"success-800": #158d65,
"success-900": #106d4f,
"warning-100": #fff6d6,
"warning-200": #ffecad,
"warning-300": #ffe383,
"warning-400": #ffd95a,
"warning-500": #ffd031,
"warning-600": #f3be08,
"warning-700": #dfac00,
"warning-800": #b68d00,
"warning-900": #8e6d00,
"danger-100": #f7d0d5,
"danger-200": #fab4bd,
"danger-300": #fa8c9a,
"danger-400": #f56275,
"danger-500": #de475b,
"danger-600": #b03e4d,
"danger-700": #7a2c36,
"danger-800": #4d2026,
"danger-900": #332123,
'surface': #1e2024,
'default': #fafbff,
'info': #33373d,
'hint': #454a52,
'disabled': #a2a5a8,
'alternative': #ffffff,
'primary': #4081e3,
'success': #2de0a5,
'danger': #de475b,
'warning': #dfac00,
'link': #4081e3,
'visited-link': #9f22c7,
'active-link': #de475b,
'elevation-1': 'rgba(242, 243, 247, 10%)',
'elevation-2-1': 'rgba(242, 243, 247, 8%)',
'elevation-2-2': 'rgba(242, 243, 247, 12%)',
'backdrop': 'rgba(242, 243, 247, 50%)',
'scrollbar': 'rgba(250, 251, 255, 5%)',
'scrollbar-hover': 'rgba(250, 251, 255, 15%)',
'neutral-100': #1e2024,
'neutral-200': #24272b,
'neutral-300': #33373d,
'neutral-400': #454a52,
'neutral-500': #6e7378,
'neutral-600': #a2a5a8,
'neutral-700': #cdcfd4,
'neutral-800': #f2f3f7,
'neutral-900': #fafbff,
'primary-100': #d9eaff,
'primary-200': #b1d2fc,
'primary-300': #8ab8f2,
'primary-400': #559af2,
'primary-500': #4081e3,
'primary-600': #376dbd,
'primary-700': #214f85,
'primary-800': #1b3859,
'primary-900': #172a40,
'info-100': #d9eaff,
'info-200': #b1d2fc,
'info-300': #8ab8f2,
'info-400': #559af2,
'info-500': #4081e3,
'info-600': #376dbd,
'info-700': #214f85,
'info-800': #1b3859,
'info-900': #172a40,
'success-100': #e5fbf4,
'success-200': #c0f6e4,
'success-300': #96f0d2,
'success-400': #6ce9c0,
'success-500': #2de0a5,
'success-600': #1ecb92,
'success-700': #19ac7c,
'success-800': #158d65,
'success-900': #106d4f,
'warning-100': #fff6d6,
'warning-200': #ffecad,
'warning-300': #ffe383,
'warning-400': #ffd95a,
'warning-500': #ffd031,
'warning-600': #f3be08,
'warning-700': #dfac00,
'warning-800': #b68d00,
'warning-900': #8e6d00,
'danger-100': #f7d0d5,
'danger-200': #fab4bd,
'danger-300': #fa8c9a,
'danger-400': #f56275,
'danger-500': #de475b,
'danger-600': #b03e4d,
'danger-700': #7a2c36,
'danger-800': #4d2026,
'danger-900': #332123,
);
$font-families: (
"sans": (
'sans': (
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
'Segoe UI',
Roboto,
Oxygen,
Ubuntu,
Cantarell,
"Helvetica Neue",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Meiryo UI",
'Helvetica Neue',
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol',
'Meiryo UI',
Arial,
sans-serif,
),
"mono": (
'mono': (
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
'Liberation Mono',
'Courier New',
monospace,
),
);
$font-scales: (
"h1": (
"font-size": 22,
"font-weight": 400,
"letter-spacing": 0,
"line-height": 32,
'h1': (
'font-size': 22,
'font-weight': 400,
'letter-spacing': 0,
'line-height': 32,
),
"s1": (
"font-size": 16,
"font-weight": 400,
"letter-spacing": 0,
"line-height": 22,
's1': (
'font-size': 16,
'font-weight': 400,
'letter-spacing': 0,
'line-height': 22,
),
"s2": (
"font-size": 16,
"font-weight": 500,
"letter-spacing": 0,
"line-height": 22,
's2': (
'font-size': 16,
'font-weight': 500,
'letter-spacing': 0,
'line-height': 22,
),
"p1": (
"font-size": 14,
"font-weight": 400,
"letter-spacing": 0,
"line-height": 20,
'p1': (
'font-size': 14,
'font-weight': 400,
'letter-spacing': 0,
'line-height': 20,
),
"p2": (
"font-size": 14,
"font-weight": 500,
"letter-spacing": 0,
"line-height": 20,
'p2': (
'font-size': 14,
'font-weight': 500,
'letter-spacing': 0,
'line-height': 20,
),
"c1": (
"font-size": 12,
"font-weight": 400,
"letter-spacing": 0,
"line-height": 16,
'c1': (
'font-size': 12,
'font-weight': 400,
'letter-spacing': 0,
'line-height': 16,
),
"c2": (
"font-size": 12,
"font-weight": 600,
"letter-spacing": 0,
"line-height": 16,
'c2': (
'font-size': 12,
'font-weight': 600,
'letter-spacing': 0,
'line-height': 16,
),
"micro": (
"font-size": 10,
"font-weight": 600,
"letter-spacing": 0.2,
"line-height": 12,
'micro': (
'font-size': 10,
'font-weight': 600,
'letter-spacing': 0.2,
'line-height': 12,
),
);
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment