{"version":3,"sources":["styleguide-fractal.scss","init/_variables-colors.scss"],"names":[],"mappings":"AAIA,sBAEI,kBCFoB","file":"styleguide-fractal.min.css","sourcesContent":["// Style du Guide de Style Fractal (header, sidebar...)\n\n@import \"init/variables\";\n\n.Frame-header {\n  .Header {\n    background: $color-primary;\n  }\n}\n","// color variable map for styleguide\n// help and documentation : https://www.sitepoint.com/using-sass-maps/\n// help and documentation : https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps\n$colors: (\n  color-primary: #234588,\n  color-secondary: #eb1313,\n  color-font: #222,\n  color-background: white,\n  color-grey-light: #f7f7f7,\n  color-grey-medium: #dce1e2,\n  color-grey: #b0b0b0,\n  color-grey-dark: #333\n);\n\n// brand colors\n$color-primary: map-get($colors, color-primary);\n$color-secondary: map-get($colors, color-secondary);\n\n// grey colors\n$color-grey-light: map-get($colors, color-grey-light);\n$color-grey-medium: map-get($colors, color-grey-medium);\n$color-grey: map-get($colors, color-grey);\n$color-grey-dark: map-get($colors, color-grey-dark);\n\n// app colors\n$color-font: map-get($colors, color-grey-dark);\n$color-background: map-get($colors, color-grey-light);\n\n// STATES COLORS\n$color-error: #f00;\n$color-warning: #f07d00;\n$color-success: #a0c819;\n"]}