μ½λλ λ―Έν μ μ λ€μκ³Ό κ°μ΄ 보μμ΅λλ€.
$theme-colors: (
primary: $blue,
secondary: $gray-600,
success: $green,
info: $cyan,
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $gray-800
) !default;
μμ μ½λλ μ¬λ°λ₯΄κ² λ€μ¬ μ°κΈ°λμμ΅λλ€. λ°λΌμ λμΌνκ² μ μ§λμ΄μΌν©λλ€.
μ½λλ μ€μ λ‘ λ―Έν ν λ€μκ³Ό κ°μ΄ 보μ λλ€.
$theme-colors: ( primary: $blue,
secondary: $gray-600,
success: $green,
info: $cyan,
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $gray-800) !default;
μ΄μ체μ : Windows
{
"end_with_newline": true,
"max_preserve_newlines": 2,
"preserve_newlines": true,
"js": {
"indent_with_tabs": true,
"indent_size": 4
},
"css": {
"indent_size": 2,
"newline_between_rules": true,
"selector_separator_newline": true,
"space_around_combinator": true
},
"html": {
"indent_size": 2,
"unformatted": [],
"wrap_attributes": "force-aligned"
}
}
νΈμ λ΄μ κ°κΈ°
λλ κ°μ λ¬Έμ κ° μμ΅λλ€.
$mdc-typography-styles-body1: (
font-size: 1.125rem,
color: $g,
// ggrey
);
λλ€
$mdc-typography-styles-body1: (font-size: 1.125rem,
color: $g,
// ggrey
);
λλ μ΄κ²μ λν΄ μ½κ° μ€λ§ν©λλ€. μ΄κ²μ λν΄ λκ° μΆκ°νκΈ°λ₯Ό λ°λλλ€.
λλ κ°μ λ¬Έμ κ° μμ΅λλ€. preserve λͺ λ Ήμ μ¬μ©νλ €κ³ νμ§λ§ μλνμ§ μμ΅λλ€.
/* beautify preserve:start */
$inuit-config: (
env: dev,
healthcheck: false,
debug: true,
);
/* beautify preserve:end */
μ΄κ²μ https://beautifier.io/μμ μ¬ν ν μ
cssκ° preserve λͺ λ Ήμ λ€λ₯Έ νκΈ°λ²μ μ¬μ©νλμ§ μ¬λΆμ κ΄κ³μμ΄ ννΈλ₯Ό μ°Ύμ§ λͺ»νμ΅λλ€. κ·Έλμ κΆκΈν©λλ€. λ΄κ° λκ° μλͺ»νκ³ μλ 건κ°μ?
λΏ‘λΏ‘
λΉμ μ μλͺ»ν κ²μ΄ μμ΅λλ€.
λΆννλ preserve
μ μμ§ CSSμ λν΄ κ΅¬νλμ§ μμμ΅λλ€. νμ§λ§ λ°©κΈ ignore
λ₯Ό μ§μνλ 1.8.10-beta4λ₯Ό μΆμνμ΅λλ€. μλν΄μ£ΌμΈμ.
2019 λ μ μ΄μ λν ν΄κ²°μ± μ΄ μμ΅λκΉ?
λΏ‘ λΉ΅λ¨
μ¬λλ€μ΄ μ루μ
μ ꡬννλ λ° κ΄μ¬μ΄μλ κ² κ°μ΅λλ€. μ΄λ€ λμμ μ£Όμλ©΄ κ°μ¬νκ² μ΅λλ€.
μμ§ μ무κ²λ μλμ? λͺ λ μ΄ μ§λ¬μ§ λ§ μ¬μ ν κ°μ λ¬Έμ κ° μμ΅λλ€. λλμ΄ νλ‘μ νΈκ° scss νμνλ₯Ό μ’μ λ°©μμΌλ‘ μ§μν μλκ° μμΌλ©° μ΄μ λν λμμ μ°ΎμμΌνλ€κ³ μκ°ν©λλ€.
@mrahhal μλ νμ΅λκΉ
/* beautify ignore:start */
$inuit-config: (
env: dev,
healthcheck: false,
debug: true,
);
/* beautify ignore:end */
μλ μμμ μλ―ΈνλλΌλ μ λλ‘ μλνλ€κ³ μκ°ν©λλ€.
λΏ‘ λΉ΅λ¨
μ€λλ§ λΉμ μκ² λλ΅νμ§ λͺ»ν κ²μ κΉ¨λ«μ΅λλ€. μ λ§ μ£μ‘ν©λλ€!
μ, μ루μ
μ΄ μ μλν©λλ€! κ°μ¬ν©λλ€!
μ΄κ²μ ν¨κ³Όκ° μμλ€! λλ beautifyκ° λ¨μν scssλ₯Ό μ΄ν΄νκΈ°λ₯Ό λ°λμ§λ§, κ·Έλ μ§ μλ€λ κ²μ΄ 곡ννλ€κ³ μκ°ν©λλ€. readmeμμ CSS λ§ μΈκΈλλ€λ κ²μ κΉ¨λ¬μμ΅λλ€. μ΄μ¨λ μ΄κ²μ νμ¬λ‘μλ μ’μ ν΄κ²° λ°©λ²μ΄ λ κ²μ λλ€. @rowild κ°μ¬ν©λλ€!
@mrahhal κ°μ¬ ν©λλ€! @bitwisemanμ λν λͺ¨λ cudos,νμ§λ§! :-) 건배νκ³ μμ νκ² μ§λ΄μΈμ!
μ΄ λ¬Έμ λ₯Ό κ³μ μ΄μ΄ λμ΄μΌν μ§ λͺ¨λ₯΄κ² μ§λ§ μ΄λ―Έ λ무 μ€λλμμΌλ―λ‘ μ§κΈμμ΄ λ¬Έμ λ₯Ό μ’ λ£νκ² μ΅λλ€. μΌλ°μ μΌλ‘ SCSS λ¬Έμ κ° λ€λ₯Έ κ³³μμ μΆμ λκ³ μλμ§ λλ μ€μ λ‘ SCSSλ₯Ό μ λλ‘ μ§μν κ³νμ΄ μλμ§ νμ€νμ§ μμ΅λλ€.
SCSSμ λν μΌλΆ μ§μμ΄ μμΌλ©° μ²μ²ν μμ μ€μ λλ€.
μ΄ νλ‘μ νΈλ λ§μ μ¬λλ€μ΄ μ¬μ©νμ§λ§ κΈ°λ³Έμ μΌλ‘ νμ¬ ν λͺ μ κΈ°μ¬μκ° μμ΅λλ€. κ·Έλμ μΌμ΄ μΌμ΄λλ μλλ μκ°μ΄μμ λμ λλ€. λκ΅°κ°κ° ν¨κ»νκΈ°λ‘ μ ννκ³ κΈ°μ¬νλ€λ©΄ μ΄κ²μ μ¬μ ν ββꡬννκΈ°μ μ’μ κ²μ λλ€. μλλ©΄ λ΄κ° ν μμμ λ μ»μ κ²μ΄λ€.