Vscode: [scss] рд╣реЛрд╡рд░ рдЯреВрд▓рдЯрд┐рдк рдореЗрдВ рдЧрд▓рдд рдЪрдпрдирдХрд░реНрддрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 19 рдЕрдкреНрд░реИрд▓ 2019  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: microsoft/vscode


  • VSCode рд╕рдВрд╕реНрдХрд░рдг: 1.33.1
  • рдУрдПрд╕ рд╕рдВрд╕реНрдХрд░рдг: рд╡рд┐рдВрдбреЛрдЬ 10

рдкреНрд░рдЬрдирди рдХрд░рдиреЗ рдХрд┐ рдкреНрд░рдХреНрд░рд┐рдпрд╛:

  1. рдЬреИрд╕реЗ рдХреЛрдб рдЯрд╛рдЗрдк рдХрд░реЗрдВ
    image
  2. &__b рд╕реЗ рдЕрдзрд┐рдХ рдореВрд╡ рдХрд░реЗрдВ

image

рдЪрдпрдирдХрд░реНрддрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рдХреЛ рд╕рд╣реА (0, 1, 0) рдХреЗ рдмрдЬрд╛рдп (0, 0, 0) рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдпрд╣ рдПрдХ рд╡рд░реНрдЧ рдЪрдпрдирдХрд░реНрддрд╛ рд╣реИред


рдХреНрдпрд╛ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рддрдм рд╣реЛрддреА рд╣реИ рдЬрдм рд╕рднреА рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЕрдХреНрд╖рдо рд╣реЛрддреЗ рд╣реИрдВ ?: рд╣рд╛рдБ / рдирд╣реАрдВ
рд╣рд╛рдБред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВ рдЕрднреА рднреА рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦрддрд╛ рд╣реВрдВред рдЪрдпрдирдХрд░реНрддрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рдХреЛ (0, 0, 0) рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдЗрд╕рдХрд╛ рд╕рд╛рдордирд╛ рд╡реЗрдирд┐рд▓рд╛ рд╕реАрдПрд╕рдПрд╕ ( Ctrl + K , M , "css") рдХреЗ рд╕рд╛рде рдХрд┐рдпрд╛ рд╣реИ:

image

... рдЬрдмрдХрд┐ рдЯреВрд▓рдЯрд┐рдк рдореЗрдВ рдкреНрд░рджрд╛рди рдХреА рдЧрдИ " рдЪрдпрдирдХрд░реНрддрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ " рд▓рд┐рдВрдХ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдпрд╣ (0, 0, 3) рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред


рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдПрдХ рдПрдХрд▓ рдмреГрд╣рджрд╛рдиреНрддреНрд░ рдХреЗ рд╕рд╛рде :before рдХреИрд╕реЗ рдЙрдкрд╕рд░реНрдЧ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдбрдмрд▓ рдХреЛрд▓рди рдХреЗ рд╕рд╛рде рдЙрдкрд╕рд░реНрдЧ рдХрд░рддрд╛ рд╣реВрдВ, рдЬреИрд╕реЗ ::before , рдореБрдЭреЗ рд╕рд╣реА рдкрд░рд┐рдгрд╛рдо рдорд┐рд▓рддреЗ рд╣реИрдВ:

image

@aeschli @octref рдХреНрдпрд╛ рдЖрдкрдХреЛ рдХреЛрдИ

рдореИрдВ рдЕрднреА рднреА рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦрддрд╛ рд╣реВрдВред рдЪрдпрдирдХрд░реНрддрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рдХреЛ (0, 0, 0) рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

vsccarl picture vsccarl  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

NikosEfthias picture NikosEfthias  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

trstringer picture trstringer  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

v-pavanp picture v-pavanp  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

VitorLuizC picture VitorLuizC  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ