Libsass: λͺ…λͺ…λœ 색상은 지도 ν‚€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2014λ…„ 11μ›” 17일  Β·  8μ½”λ©˜νŠΈ  Β·  좜처: sass/libsass

μ•ˆλ…•ν•˜μ„Έμš” μ—¬λŸ¬λΆ„,

이 κΈ°μ‚¬μ—μ„œ λ³Ό 수 μžˆλŠ” 컬러 νŒ”λ ˆνŠΈ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λ €κ³  ν•©λ‹ˆλ‹€.

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

μ €λŠ” Grunt Sass 버전 - 0.16.1을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

μ–΄λ–€ 아이디어?

λ§Žμ€ 감사

Bug - Confirmed Dev - Test Written

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

제 초기 생각이 잘λͺ»λœ 것 κ°™μŠ΅λ‹ˆλ‹€. λ¬Έμ œλŠ” 맡 ν‚€κ°€ 색상 이름이기 λ•Œλ¬Έμž…λ‹ˆλ‹€. LibsassλŠ” 색상 이름(예: https://github.com/sass/libsass/issues/558)인 λ¬Έμžμ—΄μ„ ꡬ문 뢄석할 λ•Œ λͺ‡ 가지 λ¬Έμ œκ°€

μΆ•μ†Œ 사둀: http://sassmeister.com/gist/d2be1def3619bd6c3a54

λͺ¨λ“  8 λŒ“κΈ€

ν™•μΈν–ˆμŠ΅λ‹ˆλ‹€! node-sass (unreleased)에 API 와 ν•¨κ»˜ 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) 이 null을 λ°˜ν™˜ν•˜κΈ° λ•Œλ¬Έμ— λ‚˜νƒ€λ‚¬μŠ΅λ‹ˆλ‹€.

아직 ν•΄κ²° 방법이 μ—†λ‚˜μš”?

λ‚˜λŠ” 이것을 3.0.3 μ΄μ •ν‘œμ— μΆ”κ°€ν–ˆλŠ”λ° λ‹€μŒ λ¦΄λ¦¬μŠ€μ— ν¬ν•¨λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€.

제 초기 생각이 잘λͺ»λœ 것 κ°™μŠ΅λ‹ˆλ‹€. λ¬Έμ œλŠ” 맡 ν‚€κ°€ 색상 이름이기 λ•Œλ¬Έμž…λ‹ˆλ‹€. LibsassλŠ” 색상 이름(예: https://github.com/sass/libsass/issues/558)인 λ¬Έμžμ—΄μ„ ꡬ문 뢄석할 λ•Œ λͺ‡ 가지 λ¬Έμ œκ°€

μΆ•μ†Œ 사둀: http://sassmeister.com/gist/d2be1def3619bd6c3a54

참고둜 지도 ν‚€μ˜ 색상이 λ¬Έμžμ—΄μ΄ μ•„λ‹ˆλΌ μƒ‰μƒμ΄λΌλŠ” μ μ—μ„œ μ‚¬μš©μžκ°€ sass/sass#363κ³Ό κ΄€λ ¨λœ 문제λ₯Ό κ²ͺκ³  μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” 이것이 μ–΄λŠ 정도 사싀이라고 λ―ΏλŠ”λ‹€. 지도 ν‚€κ°€ λ¬Έμžμ—΄μ΄ μ•„λ‹Œ μƒ‰μƒμœΌλ‘œ 처리되고 μžˆλ‹€κ³  μƒκ°ν•˜μ§€λ§Œ 이것이 μ™œ λ¬Έμ œμΈμ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.

μΆ•μ†Œλœ ν…ŒμŠ€νŠΈ μΌ€μ΄μŠ€κ°€ Ruby sassμ—μ„œ 잘 μž‘λ™ν•œλ‹€λŠ” 점은 μ£Όλͺ©ν•  κ°€μΉ˜κ°€ μžˆμŠ΅λ‹ˆλ‹€.

λ¬Έμ œλŠ” κ·Έ 우린 치료 purple λ¬Έμžμ—΄λ‘œμ§€λ„ 킀와 purple A와 ν•¨μˆ˜ ν˜ΈμΆœμ— color . map-get ν˜ΈμΆœν•  λ•Œ 보라색과 κ΄€λ ¨λœ 값을 μš”μ²­ν•˜μ§€λ§Œ 보라색 λ¬Έμžμ—΄ μ•„λž˜μ— μ €μž₯λ©λ‹ˆλ‹€. 이 두 κ°€μ§€λŠ” λ™λ“±ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€ - http://sassmeister.com/gist/77ae29d46ebecd0823ed

μˆ˜μ •μ‚¬ν•­μ΄ μžˆμ–΄μ„œ λͺ‡ μ‹œκ°„ 후에 배솑해 λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰