рдирдорд╕реНрддреЗ,
рдореИрдВ рдпрд╣рд╛рдВ рдЗрд╕ рдЖрд▓реЗрдЦ рдореЗрдВ рджреЗрдЦреЗ рдЧрдП рд░рдВрдЧ рдкреИрд▓реЗрдЯ рдлрд╝рдВрдХреНрд╢рди рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред
http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/
рдпрд╣ рдкрд░рд┐рдгрд╛рдореА рдХреЛрдб рд╣реИ
// config
$_color-base-grey: rgb(229,231,234);
$palettes: (
purple: (
base: rgb(42,40,80),
light: rgb(51,46,140),
dark: rgb(40,38,65)
),
grey: (
base: $_color-base-grey,
light: lighten($_color-base-grey, 10%),
dark: darken($_color-base-grey, 10%)
)
);
// Palette function,
<strong i="10">@function</strong> palette($palette, $tone: 'base') {
<strong i="11">@return</strong> map-get(map-get($palettes, $palette), $tone);
}
// in module styles
a {
color: palette(purple);
&:hover {
color: palette(purple, light);
}
}
рд╕рднреА рд╕рдВрдХреЗрдд рдЗрд╕ рдХрд╛рд░реНрдп рдХреЛ рдЗрдВрдЧрд┐рдд рдХрд░рддреЗ рдкреНрд░рддреАрдд рд╣реЛрддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдпрд╣ рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИред
Warning: /Users/xxx/xxx//styles.scss:35: argument `$map` of `map-get($map, $key)` must be a map
рдореИрдВ рдЧреНрд░рдВрдЯ рд╕реИрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ - 0.16.1
рдХреЛрдИ рд╡рд┐рдЪрд╛рд░?
рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж
рдХреА рдкреБрд╖реНрдЯрд┐ рдХреА! рдореБрдЭреЗ libsass рд╕реЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд (JSON) рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ, рдиреЛрдб-рдПрд╕рдПрдПрд╕ (рдЕрдкреНрд░рдХрд╛рд╢рд┐рдд) рдПрдкреАрдЖрдИ рдХреЗ рд╕рд╛рде:
{
"status": 1,
"path": "c:/temp/foo3.scss",
"line": 18,
"column": 13,
"message": "argument `$map` of `map-get($map, $key)` must be a map\nBacktrace:\n\tc:/temp/foo3.scss:18, in function `map-get`\n\tc:/temp/foo3.scss:18, in function `palette`\n\tc:/temp/foo3.scss:24"
}
@mgreter , рдЕрд▓рдЧ рд╕реЗ; JSON рдХреЗ message
рдореЗрдВ, рдлрд╝рд╛рдЗрд▓ рдирд╛рдо рдФрд░ рд▓рд╛рдЗрди рдирдВрдмрд░ рдХреЛ рджреЛрд╣рд░рд╛рдпрд╛ рдирд╣реАрдВ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред :)
рдореИрдВрдиреЗ рдЗрд╕рдореЗрдВ рдЦреЛрджрд╛ рдФрд░ рдРрд╕рд╛ рдкреНрд░рддреАрдд рд╣реБрдЖ рдХреНрдпреЛрдВрдХрд┐ map-get($palettes, $palette)
рд╢реВрдиреНрдп рд▓реМрдЯ рд░рд╣рд╛ рд╣реИред
рдЕрднреА рддрдХ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди?
рдореИрдВрдиреЗ рдЗрд╕реЗ 3.0.3 рдореАрд▓ рдХреЗ рдкрддреНрдерд░ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рд╣реИ рдЗрд╕реЗ рдЗрд╕реЗ рдЕрдЧрд▓реА рд░рд┐рд▓реАрдЬ рдореЗрдВ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдРрд╕рд╛ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рд╢реБрд░реБрдЖрддреА рд╡рд┐рдЪрд╛рд░ рдЧрд▓рдд рдереЗред рд╕рдорд╕реНрдпрд╛ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдирдХреНрд╢рд╛ рдХреБрдВрдЬреА рдПрдХ рд░рдВрдЧ рдХрд╛ рдирд╛рдо рд╣реИред рдЬрдм рд░рдВрдЧ рдХреЗ рдирд╛рдо рдпрд╛рдиреА https://github.com/sass/libsass/issues/558 рдкрд╛рд░реНрд╕рд┐рдВрдЧ рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕ рдХреА рдмрд╛рдд рдЖрддреА рд╣реИ рддреЛ рд▓рд┐рдмреНрд╕рд╕ рдореЗрдВ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реЛрддреА рд╣реИрдВ
рдХрдо рдХрд┐рдпрд╛ рдЧрдпрд╛ рдорд╛рдорд▓рд╛: http://sassmeister.com/gist/d2be1def3619bd6c3a54
рдПрдХ рд╢реАрд░реНрд╖ рдХреЗ рд░реВрдк рдореЗрдВ, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЙрд╕ рд░рдВрдЧ рдореЗрдВ sass/sass#363 рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╕рдорд╕реНрдпрд╛ рдореЗрдВ рдЪрд▓ рд░рд╣рд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдорд╛рдирдЪрд┐рддреНрд░ рдХреБрдВрдЬреА рддрд╛рд░ рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд░рдВрдЧ рд╣реИрдВред
рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдпрд╣ рдХреБрдЫ рд╣рдж рддрдХ рд╕рдЪ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирдХреНрд╢рд╛ рдХреБрдВрдЬреА рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рд░рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдорд╛рдирд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рд╕рдорд╕реНрдпрд╛ рдХреНрдпреЛрдВ рд╣реИред
рдпрд╣ рдзреНрдпрд╛рди рджреЗрдиреЗ рдпреЛрдЧреНрдп рд╣реИ рдХрд┐ рдХрдо рдЯреЗрд╕реНрдЯ рдХреЗрд╕ рд░реВрдмреА рд╕реИрд╕ рдкрд░ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдореБрджреНрджрд╛ рдпрд╣ рд╣реИ рдХрд┐ рд╣рдо рдорд╛рдирдЪрд┐рддреНрд░ рдХреБрдВрдЬреА рдореЗрдВ purple
рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдФрд░ purple
рдХреЛ рдлрд╝рдВрдХреНрд╢рди рдХреЙрд▓ рдореЗрдВ color
рд░реВрдк рдореЗрдВ рдорд╛рдирддреЗ рд╣реИрдВред рдЬрдм рд╣рдо map-get
рдХреЙрд▓ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рд╣рдо рдмреИрдВрдЧрдиреА рд░рдВрдЧ рд╕реЗ рдЬреБрдбрд╝реЗ рдореВрд▓реНрдп рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдкреВрдЫ рд░рд╣реЗ рд╣реЛрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдпрд╣ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдмреИрдВрдЧрдиреА рдХреЗ рдиреАрдЪреЗ рд╕рдВрдЧреНрд░рд╣реАрдд рд╣реЛрддрд╛ рд╣реИред рдпреЗ рджреЛ рдЪреАрдЬреЗрдВ рд╕рдорд╛рди рдирд╣реАрдВ рд╣реИрдВ - http://sassmeister.com/gist/77ae29d46ebecd0823ed
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╕реБрдзрд╛рд░ рд╣реИ рдореИрдВ рдХреБрдЫ рдШрдВрдЯреЛрдВ рдореЗрдВ рднреЗрдЬ рджреВрдВрдЧрд╛ред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдРрд╕рд╛ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рд╢реБрд░реБрдЖрддреА рд╡рд┐рдЪрд╛рд░ рдЧрд▓рдд рдереЗред рд╕рдорд╕реНрдпрд╛ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдирдХреНрд╢рд╛ рдХреБрдВрдЬреА рдПрдХ рд░рдВрдЧ рдХрд╛ рдирд╛рдо рд╣реИред рдЬрдм рд░рдВрдЧ рдХреЗ рдирд╛рдо рдпрд╛рдиреА https://github.com/sass/libsass/issues/558 рдкрд╛рд░реНрд╕рд┐рдВрдЧ рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕ рдХреА рдмрд╛рдд рдЖрддреА рд╣реИ рддреЛ рд▓рд┐рдмреНрд╕рд╕ рдореЗрдВ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реЛрддреА рд╣реИрдВ
рдХрдо рдХрд┐рдпрд╛ рдЧрдпрд╛ рдорд╛рдорд▓рд╛: http://sassmeister.com/gist/d2be1def3619bd6c3a54