Less.js: рдХрдо рд╡реИрдз рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рдорд╛рдиреЛрдВ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИ (рдЙрджрд╛: @apply рдкреЙрд▓реАрдлрд╝рд┐рд▓)

рдХреЛ рдирд┐рд░реНрдорд┐рдд 21 рдЕрдХреНрддреВре░ 2015  ┬╖  34рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: less/less.js

рдпрд╣ рдХреЛрдб рдЯреВрдЯ рдЬрд╛рддрд╛ рд╣реИ:

paper-drawer-panel {
  --paper-drawer-panel-left-drawer: {
    background-color: red;
  };
}

рдЧреБрдг рдорд╛рди рдореЗрдВ рдШреБрдВрдШрд░рд╛рд▓реЗ рдХреЛрд╖реНрдардХ рдкрд╛рд░реНрд╕рд░ рдХреЛ рддреЛрдбрд╝рддреЗ рд╣реИрдВред

рдореИрдВ рдкреЙрд▓рд┐рдорд░ рджреНрд╡рд╛рд░рд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЧрдП @apply рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред
https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom -cs-mixins

рдпрд╣ рднреА рдХреЛрд╢рд┐рд╢ рдХреА:

paper-drawer-panel {
  <strong i="14">@ruleset</strong>: {
    prop: value;
  };
  --paper-drawer-panel-left-drawer: %(~"%d", @ruleset);
}

рдЗрд╕рдиреЗ рдкрд╛рд░реНрд╕рд░ рдХреЛ рдирд╣реАрдВ рддреЛрдбрд╝рд╛, рд▓реЗрдХрд┐рди рд╡рд┐рддрд░рд┐рдд рдХрд┐рдпрд╛:

paper-drawer-panel {
  --paper-drawer-panel-left-drawer: ;
}

рдЬреЛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдПрдХ рд╡рд╛рдВрдЫрдиреАрдп рд╡реНрдпрд╡рд╣рд╛рд░ рдирд╣реАрдВ рд╣реИред

bug feature request

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

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдпреБрдХреНрддрд┐ рд╣реИ; рдПрдХ рдкреЙрд▓реАрдлрд┐рд▓ рдореМрдЬреВрдж рд╣реИ; рдХреНрд░реЛрдо рдиреЗ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИ; рдкреЙрд▓рд┐рдорд░ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА 1.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ; рдФрд░ рд╡реЗрдмрд╕рд╛рдЗрдЯреЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдкреЙрд▓рд┐рдорд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реА рд╣реИрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХрдо рд╕реЗ рдХрдо рдПрдХ рдиреНрдпреВрдирддрдо рд╕реНрддрд░ рдкрд░ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЙрдЪрд┐рдд рдЙрдореНрдореАрдж рд╣реИред

рдХрдо рдкрд╣рд▓реЗ рд╕реЗ рд╣реА @apply , --foo: bar; , рдФрд░ var(--foo) рд╕реЗ рд╣реЛрдХрд░ рдЧреБрдЬрд░рддрд╛ рд╣реИред рдХреЗрд╡рд▓ рдПрдХ рдЪреАрдЬ рдЧрд╛рдпрдм рд╣реИ { ... } --foo: { property: value; } рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдо рд╣реЛ рд░рд╣реА рд╣реИ рдФрд░ рдЕрдиреНрдп рд╕реАрдПрд╕рдПрд╕ рдмреНрд▓реЙрдХреЛрдВ рдХреЛ рджрд┐рдП рдЧрдП рдореВрд▓ рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде; рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдХрдард┐рди рдкрдбрд╝рд╛рд╡ рдкрд░ рдЖрдиреЗ рдФрд░ рдПрдХ рдкрд╛рд░реНрд╕ рддреНрд░реБрдЯрд┐ рдлреЗрдВрдХрдиреЗ рдХреЗ рд▓рд┐рдПред

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

рдореБрдЭреЗ рдбрд░ рд╣реИ рдХрд┐ рдЧреИрд░-рд╕реАрдПрд╕рдПрд╕ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╕рдорд░реНрдерди рдХрдо рджрд╛рдпрд░реЗ рд╕реЗ рдкрд░реЗ рд╣реИред рддреЛ рдореЗрд░рд╛ -1ред

рдХрд┐рд╕реА рднреА рддрд░рд╣ рд╕реЗ рдиреЛрдЯрд┐рд╕ рдЖрдк рднрд╛рдЧрдиреЗ рдХреЗ рд╕рд╛рде рдЖрдЙрдЯрдкреБрдЯ рдореЗрдВ рдЬреЛ рднреА рдХреЛрдб рдХрд╛ рдЙрддреНрд╕рд░реНрдЬрди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕реЗ:

xpaper-drawer-panel {
  --paper-drawer-panel-left-drawer: ~"{background-color: red;}";
}

рдпрд╛ рдЕрдзрд┐рдХ рд╣реИрдХрд┐рд╢ рдорд▓реНрдЯреАрд▓рд╛рдЗрди рддрд░реАрдХреЗ рд╕реЗ:

paper-drawer-panel {
  -:~";--paper-drawer-panel-left-drawer: {";
    background-color: red;
    color: blue;
  -:~";}";
}

рдЕрдзрд┐рдХ рдЬрдЯрд┐рд▓ рд╕реНрдерд┐рддрд┐рдпреЛрдВ рдореЗрдВ <strong i="13">@import</strong> (inline) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣рдореЗрд╢рд╛ рд╕рдВрднрд╡ рд╣реЛрддрд╛ рд╣реИред


%(~"%d", @ruleset); рдЬреИрд╕реЗ рдкреНрд░рдпрд╛рд╕реЛрдВ рдХреЗ рд▓рд┐рдП - рдирд╣реАрдВ, рдХрдо рдЪрд░ рдореИрдХреНрд░реЛрдЬрд╝ рдирд╣реАрдВ рд╣реИрдВ, рд╡реЗ рд╕рдВрджрд░реНрдн рдХреА рдкрд░рд╡рд╛рд╣ рдХрд┐рдП рдмрд┐рдирд╛ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдирд╣реАрдВ рд╣реЛрддреЗ рд╣реИрдВ, рдФрд░ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдЕрдирд╛рдо рдирд┐рдпрдореЛрдВ рдХреЗ рд▓рд┐рдП рдХреЗрд╡рд▓ рдЙрдЪрд┐рдд рд╕рд┐рдВрдЯреИрдХреНрд╕ @ruleset() рдПрдХ рд░реВрд╕реЗрдЯ рдмреЙрдбреА рдФрд░ _not_ рдХреЗ рд░реВрдк рдореЗрдВ рд╣реИ рдПрдХ рд╕рдВрдкрддреНрддрд┐ рдореВрд▓реНрдпред

рд╡реИрд╕реЗ рдореИрдВ рдЖрдкрд╕реЗ рд╕рд╣рдордд рд╣реВрдВ рдХрд┐ рдЧреИрд░-рдорд╛рдирдХ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рдЖрдорддреМрд░ рдкрд░ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред

рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдХрдИ рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдкреЙрд▓рд┐рдорд░ рдХреЗ рд╕рд╛рде рдЕрд╕рдВрдЧрдд рд╣реИред

рд╡реИрд╕реЗ рднреА рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред : +1:

рдпрдХреАрди рдирд╣реАрдВ рд╣реЛрддрд╛ рдХрд┐ рдЗрд╕рд╕реЗ рдЖрдкрдХреЗ рдлрд╝реИрд╕рд▓реЗ @ рд╕рд╛рдд-рдЪрд░рдг рдореЗрдВ рдХреЛрдИ рдлрд╝рд░реНрдХ рдкрдбрд╝рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди @apply рдирд┐рдпрдо, http://tabatkins.github.io/specs/css-apply-rule/ рдХреЗ рд▓рд┐рдП рдПрдХ рдЦреБрд▓реА рдпреБрдХреНрддрд┐ рд╣реИред

Https://github.com/Polymer/polymer/issues/1373 рднреА рджреЗрдЦреЗрдВ рдХреНрдпреЛрдВрдХрд┐ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ Google рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЛ рдЖрдЧреЗ рдмрдврд╝рд╛ рд░рд╣рд╛ рд╣реИред

рдФрд░ SASS рдЗрд╕ https://github.com/sass/sass/issues/1128 рдХреЛ рд╕рдВрдмреЛрдзрд┐рдд рдХрд░рдиреЗ рд▓рдЧрддрд╛ рд╣реИ

@ donny-NOT рдиреЛрдЯ рдореИрдВ рдХреБрдЫ рднреА рддрдп рдирд╣реАрдВ рдХрд░рддрд╛ (рдореИрдВрдиреЗ рдкреНрд░рд╕реНрддрд╛рд╡ рдХреЛ рдмрдВрдж рдирд╣реАрдВ рдХрд┐рдпрд╛) - рдореИрдВ рдХреЗрд╡рд▓ рдПрдХ рдЖрд▓реЛрдЪрдХ рд╣реВрдВред

рдЦреИрд░, рдЯреИрдм рдПрдЯрдХрд┐рдВрд╕ рдиреЗ CSS рдорд╛рдирдХ рдкреНрд░рд╕реНрддрд╛рд╡реЛрдВ (рдирд╛рдо "рд╡рд┐рдЪрд╛рд░реЛрдВ") рдХрд╛ _tens_ рдЙрддреНрдкрдиреНрди рдХрд┐рдпрд╛ рдФрд░ рдЬрдмрдХрд┐ Google рдХреЗ рд▓реЛрдЧ рдХрд▓ рднреА рдЗрд╕реЗ рдЕрдкрдиреЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдзрдХреЗрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рдпрд╣ рдЕрднреА рднреА CSS рдбреНрд░рд╛рдлреНрдЯ рдЪреАрдЬрд╝ рдмрдирдиреЗ рд╕реЗ рдмрд╣реБрдд рджреВрд░ рд╣реИ (рдпрд╛рдж рд░рдЦреЗрдВ CSS vars рдирд╣реАрдВ рд▓рдЧрднрдЧ рджрд╕ рд╡рд░реНрд╖реЛрдВ рд╕реЗ CSS рджреБрдирд┐рдпрд╛ рдореЗрдВ рдкреНрд░рд╡реЗрд╢ рдХрд░ рд░рд╣реЗ рд╣реИрдВ?)ред

@ рдирд┐рд╣рд┐рддрд╛рд░реНрде рдХреЗ рд▓рд┐рдП рд╕рд╛рдд рдЪрд░рдгреЛрдВ рдореЗрдВ рдЕрдзрд┐рдХрддрдо рдорд╛рдлреАред рдореИрдВ рдмрд╕ рдПрдХ рдиреЛрдЯ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХрд┐ рдкреЙрд▓рд┐рдорд░ рдорд┐рд╢реНрд░рдг рдкреНрд░рд╕реНрддрд╛рд╡ рдХреЛ рдЖрдЧреЗ рдмрдврд╝рд╛ рд░рд╣рд╛ рд╣реИ рдФрд░ рдХреНрд░реЛрдо рдХреЛ рдЗрд╕рдХреЗ рдЖрдХрд╛рд░ рдореЗрдВ рдПрдХ рдмрд╛рд░ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреА рд╕рдВрднрд╛рд╡рдирд╛ рд╣реИ рдЬреЛ рдХрд┐ рдХреБрдЫ рдерд╛ @ рдЬрдореИрдЯрд┐рд╕ рдиреЗ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдВрд╡рд╛рдж рдирд╣реАрдВ рдХрд┐рдпрд╛ рдерд╛ред

рдореИрдВ LESS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рдирдпрд╛ рд╣реВрдВ рдХреНрдпрд╛ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ рдореЗрдВ рдкрд╛рд░реНрд╕рд░ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рдкреНрд░рдХрд╛рд░ рдХрд╛ рдкреНрд▓рдЧрдЗрди рд╕рд┐рд╕реНрдЯрдо рд╣реИ? рдкреНрд░рд╛рдпреЛрдЧрд┐рдХ рдзреНрд╡рдЬ рдЬреИрд╕рд╛ рдХреБрдЫ рдЖрдк рдЪрд╛рд▓реВ рдФрд░ рдмрдВрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдореИрдВ рдпрд╣рд╛рдБ рдлрд┐рд░ рд╕реЗ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЛ рдкреБрдирд░реНрдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓ рд░рд╣рд╛ рд╣реВрдБред

/рд╡рд┐рд╖рдп

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдпреБрдХреНрддрд┐ рд╣реИ; рдПрдХ рдкреЙрд▓реАрдлрд┐рд▓ рдореМрдЬреВрдж рд╣реИ; рдХреНрд░реЛрдо рдиреЗ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИ; рдкреЙрд▓рд┐рдорд░ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА 1.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ; рдФрд░ рд╡реЗрдмрд╕рд╛рдЗрдЯреЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдкреЙрд▓рд┐рдорд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реА рд╣реИрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХрдо рд╕реЗ рдХрдо рдПрдХ рдиреНрдпреВрдирддрдо рд╕реНрддрд░ рдкрд░ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЙрдЪрд┐рдд рдЙрдореНрдореАрдж рд╣реИред

рдХрдо рдкрд╣рд▓реЗ рд╕реЗ рд╣реА @apply , --foo: bar; , рдФрд░ var(--foo) рд╕реЗ рд╣реЛрдХрд░ рдЧреБрдЬрд░рддрд╛ рд╣реИред рдХреЗрд╡рд▓ рдПрдХ рдЪреАрдЬ рдЧрд╛рдпрдм рд╣реИ { ... } --foo: { property: value; } рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдо рд╣реЛ рд░рд╣реА рд╣реИ рдФрд░ рдЕрдиреНрдп рд╕реАрдПрд╕рдПрд╕ рдмреНрд▓реЙрдХреЛрдВ рдХреЛ рджрд┐рдП рдЧрдП рдореВрд▓ рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде; рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдХрдард┐рди рдкрдбрд╝рд╛рд╡ рдкрд░ рдЖрдиреЗ рдФрд░ рдПрдХ рдкрд╛рд░реНрд╕ рддреНрд░реБрдЯрд┐ рдлреЗрдВрдХрдиреЗ рдХреЗ рд▓рд┐рдПред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕реАрдПрд╕рдПрд╕ рд╡реЗрд░рд┐рдПрдмрд▓реНрд╕ рдХреА рдкреВрд░реА рдХрд▓реНрдкрдирд╛ рдХреЛ рд▓реЗрд╕ рджреНрд╡рд╛рд░рд╛ рд╕рдорд░реНрдерд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдРрд╕рд╛ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрдпрд╛рд░ рдХрд░реЗрдВрдЧреЗ!

@dantman

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдпреБрдХреНрддрд┐ рд╣реИ; рдПрдХ рдкреЙрд▓реАрдлрд┐рд▓ рдореМрдЬреВрдж рд╣реИ; рдХреНрд░реЛрдо рдиреЗ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИ; рдкреЙрд▓рд┐рдорд░ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА 1.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ; рдФрд░ рд╡реЗрдмрд╕рд╛рдЗрдЯреЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдкреЙрд▓рд┐рдорд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реА рд╣реИрдВред

рдореЗрд░реЗ рд▓рд┐рдП, рдпрд╣ рдЕрднреА рднреА рдПрдХ рдмрд╣реБрдд рд╕рдореНрдореЛрд╣рдХ рдХрд╛рд░рдг рдирд╣реАрдВ рд╣реИред рд╡рд╣ рдЗрд╕рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдХрд░рддрд╛ рд╣реИ: Google, Google рдФрд░ Google рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдХрд╣реАрдВ рдФрд░ рдХреЛрдИ рджрд┐рд▓рдЪрд╕реНрдкреА рдирд╣реАрдВ рд╣реИ, рдФрд░ рд╡рд╣рд╛рдБ рдХреЛрдИ рд╕рдВрдХреЗрдд рдирд╣реАрдВ рд╣реИрдВ рдХрд┐ рдХрднреА рднреА рд╣реЛрдЧрд╛ред

@ рдбреЛрдиреА-рди

рдореИрдВ LESS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рдирдпрд╛ рд╣реВрдВ рдХреНрдпрд╛ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ рдореЗрдВ рдкрд╛рд░реНрд╕рд░ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рдкреНрд░рдХрд╛рд░ рдХрд╛ рдкреНрд▓рдЧрдЗрди рд╕рд┐рд╕реНрдЯрдо рд╣реИ? рдкреНрд░рд╛рдпреЛрдЧрд┐рдХ рдзреНрд╡рдЬ рдЬреИрд╕рд╛ рдХреБрдЫ рдЖрдк рдЪрд╛рд▓реВ рдФрд░ рдмрдВрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдПрдХ рдкреНрд▓рдЧрдЗрди рд╕рд┐рд╕реНрдЯрдо рд╣реИ, рд▓реЗрдХрд┐рди рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдкреНрд░рддреНрдпрдХреНрд╖ рд╕рдорд░реНрдерди рдирд╣реАрдВ рд╣реИред рддреЛ, рдпрд╣ рдПрдХ рддреБрдЪреНрдЫ рдмрд╛рдд рдирд╣реАрдВ рд╣реЛрдЧреАред

@dantman
рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдпреБрдХреНрддрд┐ рд╣реИ; рдПрдХ рдкреЙрд▓реАрдлрд┐рд▓ рдореМрдЬреВрдж рд╣реИ; рдХреНрд░реЛрдо рдиреЗ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИ; рдкреЙрд▓рд┐рдорд░ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА 1.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ; рдФрд░ рд╡реЗрдмрд╕рд╛рдЗрдЯреЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдкреЙрд▓рд┐рдорд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реА рд╣реИрдВред

рдореЗрд░реЗ рд▓рд┐рдП, рдпрд╣ рдЕрднреА рднреА рдПрдХ рдмрд╣реБрдд рд╕рдореНрдореЛрд╣рдХ рдХрд╛рд░рдг рдирд╣реАрдВ рд╣реИред рд╡рд╣ рдЗрд╕рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдХрд░рддрд╛ рд╣реИ: Google, Google рдФрд░ Google рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдХрд╣реАрдВ рдФрд░ рдХреЛрдИ рджрд┐рд▓рдЪрд╕реНрдкреА рдирд╣реАрдВ рд╣реИ, рдФрд░ рд╡рд╣рд╛рдБ рдХреЛрдИ рд╕рдВрдХреЗрдд рдирд╣реАрдВ рд╣реИрдВ рдХрд┐ рдХрднреА рднреА рд╣реЛрдЧрд╛ред

рдпрд╣ рдирд┐рд╖реНрдХрд░реНрд╖ рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИ рдЕрдЧрд░ рд╣рдо рдПрдХ рдЕрдзрд┐рдХ рдорд╛рд▓рд┐рдХрд╛рдирд╛ рдФрд░ рдЕрд╕рдорд░реНрдерд┐рдд рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рдереЗ рдЬреЛ рд╕рд╛рдорд╛рдиреНрдп рд╕реАрдПрд╕рдПрд╕ рд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд░реВрдк рд╕реЗ рд╡рд┐рдЪрд▓рд┐рдд рдерд╛; рд▓реЗрдХрд┐рди рд╣рдо рдХрдо рдкреИрджрд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдкрд╛рд░реНрд╕ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЬрдм рдХрдо рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдШреЛрдВрд╕рд▓реЗ рдХреЗ рд╢рд┐рдХрд╛рд░ рдХреЛ рд╕рдордЭрддрд╛ рд╣реИ рдФрд░ рдкреНрд░рд╢реНрди рдореЗрдВ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рдмреНрд░реИрдХреЗрдЯ рдЖрдзрд╛рд░рд┐рдд рдкрд╛рд░реНрд╕ рдирд┐рдпрдореЛрдВ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИ рдФрд░ рдЖрд╕-рдкрд╛рд╕ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдирд╣реАрдВ рддреЛрдбрд╝рддрд╛ рд╣реИ, рдФрд░ рдЕрдиреНрдп рдкреНрд░рдореБрдЦ рд╕реАрдПрд╕рдПрд╕ рдкреНрд░реАрдкреНрд░реЛрд╕реЗрд╕рд░ рдФрд░ рдкреЛрд╕реНрдЯрдкреНрд░реЛрд╕реЗрд╕рд░ рдпрд╛ рддреЛ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЗрд╕рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрд╛рдо рдХрд░рдирд╛ред

рдпрд╣ рдирд┐рд╖реНрдХрд░реНрд╖ рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИ рдЕрдЧрд░ рд╣рдо рдПрдХ рдЕрдзрд┐рдХ рдорд╛рд▓рд┐рдХрд╛рдирд╛ рдФрд░ рдЕрд╕рдорд░реНрдерд┐рдд рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рдереЗ рдЬреЛ рд╕рд╛рдорд╛рдиреНрдп рд╕реАрдПрд╕рдПрд╕ рд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд░реВрдк рд╕реЗ рд╡рд┐рдЪрд▓рд┐рдд рдерд╛; рд▓реЗрдХрд┐рди рд╣рдо рдХрдо рдкреИрджрд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдкрд╛рд░реНрд╕ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЬрдм рдХрдо рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдШреЛрдВрд╕рд▓реЗ рдХреЗ рд╢рд┐рдХрд╛рд░ рдХреЛ рд╕рдордЭрддрд╛ рд╣реИ рдФрд░ рдкреНрд░рд╢реНрди рдореЗрдВ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рдмреНрд░реИрдХреЗрдЯ рдЖрдзрд╛рд░рд┐рдд рдкрд╛рд░реНрд╕ рдирд┐рдпрдореЛрдВ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИ рдФрд░ рдЖрд╕-рдкрд╛рд╕ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдирд╣реАрдВ рддреЛрдбрд╝рддрд╛ рд╣реИ, рдФрд░ рдЕрдиреНрдп рдкреНрд░рдореБрдЦ рд╕реАрдПрд╕рдПрд╕ рдкреНрд░реАрдкреНрд░реЛрд╕реЗрд╕рд░ рдФрд░ рдкреЛрд╕реНрдЯрдкреНрд░реЛрд╕реЗрд╕рд░ рдпрд╛ рддреЛ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЗрд╕рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрд╛рдо рдХрд░рдирд╛ред

рдЕрдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рдирд╣реАрдВред рдпрд╣ рдХрдо рдХреЗ рдЕрд▓рдЧ рдирд┐рдпрдо рдХреЗ рд╕рдорд╛рди рд╣реИред рдФрд░ рдЕрдиреНрдп "рдкрд╛рд╕-рдереНрд░реВ" рд╕рд╛рдорд╛рди рдХреЗ рд▓рд┐рдП рдорд┐рд╕рд╛рд▓ рд╣реИ, рдЬрд┐рд╕реЗ рдХрдо рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЬрд░реВрд░реА рдирд╣реАрдВ рдХрд┐ рдЗрд╕рдХреЗ рдЦрд┐рд▓рд╛рдл рд╣реВрдВред рдпрджрд┐ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдкреЙрд▓рд┐рдорд░ рд╕реЗ рдкрд░реЗ рдореВрд▓реНрдп рд╣реИ рддреЛ рдмрд╕ рд╕рдВрджреЗрд╣ рд╣реИред

рд╕реАрдПрд╕рдПрд╕ рдЪрд░ рдХреЗ рд▓рд┐рдП рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдорд░реНрдерди рдпрд╣рд╛рдВ рд╕реВрдЪреАрдмрджреНрдз рд╣реИ: http://caniuse.com/#feat = css-variables

рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕реАрдПрд╕рдПрд╕ рдЪрд░ рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП рдиреНрдпреВрдирддрдо рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрд╕реНрдХрд░рдг

  • рдХреНрд░реЛрдо 49
  • рдПрдВрдбреНрд░реЙрдЗрдб 51 рдХреЗ рд▓рд┐рдП рдХреНрд░реЛрдо
  • Android рдмреНрд░рд╛рдЙрдЬрд╝рд░ 51
  • рдПрдВрдбреНрд░реЙрдЗрдб 47 рдХреЗ рд▓рд┐рдП рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕
  • рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рейрез
  • рд╕рдлрд╛рд░реА 9.1
  • iOS рд╕рдлрд╛рд░реА 9.3
  • рдУрдкреЗрд░рд╛ 36
  • рдУрдкреЗрд░рд╛ рдореЛрдмрд╛рдЗрд▓ 37

рдкреЙрд▓реАрдлрд╝рд┐рд▓ рдХреЗ рдмрд┐рдирд╛, рдпрд╣ рд▓рдЧрднрдЧ 65% рд╡реИрд╢реНрд╡рд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЙрдкрдпреЛрдЧ рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИред

рдХрдИ рд╕реАрдПрд╕рдПрд╕ рдЪрд░ рдкрд░рд┐рд╡рд░реНрддрдиреАрдп Polyfills рдХреЗ рд╕рд╛рде, рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдмрдбрд╝реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдкреНрд░рджрд╛рддрд╛ рдЗрд╕рдХреЗ рд▓рд┐рдП рдЬреЛрд░ рджреЗ рд░рд╣реЗ рд╣реИрдВред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдореВрд▓реНрдпрд╡рд╛рди рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реЛрдЧреАред

рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдпреБрдХреНрддрд┐: https://drafts.csswg.org/css-variables/

@stramel рдЬрд┐рд╕рдХрд╛ рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИред CSS Variables рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрдо рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рд╣реИрдВред рдЕрдиреБрд░реЛрдз рд▓рдЧрднрдЧ @apply , рдЬреЛ рдЙрд╕ рдХрд▓реНрдкрдирд╛ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдирд╣реАрдВ рд╣реИред

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рд╕рднреА рд╕реАрдПрд╕рдПрд╕ рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рдорд╛рди рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИрдВ, рдиреАрдЪреЗ рджреЗрдЦреЗрдВред

@ рдореИрдереНрдпреВ-рдбреАрди рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореБрдЭреЗ рдЧрд▓рдд рд╕рдордЭрд╛ рдЧрдпрд╛ред рднрд▓реЗ рд╣реА, рд╕реАрдПрд╕рдПрд╕ рдорд┐рдХреНрд╕ / рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рд╕реЗрдЯ рдХреЗ рд▓рд┐рдП +1:

@ рдореИрдереНрдпреВ-рдбреАрди рдХрдо рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП рдмрд╛рд░ рдХреНрдпрд╛ рд╣реИ? рдпрджрд┐ рдПрдХ рдФрд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рддреЛ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛ рд╣реИ?

@ рдбреЙрдиреА-рдбреЛрдиреНрдЯ рдХрдо рдЪреВрдВрдХрд┐ рдПрдХ рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╣реИ, рдХреЛрдИ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдкрдЯреНрдЯреА рдирд╣реАрдВ рд╣реИред рд▓реЗрдХрд┐рди рд╣рд╛рдБ, рдПрдХ рдПрдХрд▓ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕реЗ рдкрд░реЗ рдХреБрдЫ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рд╕рд╛рдорд╛рдиреНрдп-рдЙрджреНрджреЗрд╢реНрдп рд╕реБрд╡рд┐рдзрд╛ рдмрдирд╛ рджреЗрдЧрд╛ред

рдмрд╕ рдЕрдЧрд░ рдХреЛрдИ рдЗрд╕реЗ рдЦреЛрдЬ рд░рд╣рд╛ рд╣реИ (рдЬреИрд╕рд╛ рдореИрдВрдиреЗ рдХрд┐рдпрд╛): рдЖрдк рд╕рднреА рдкреЙрд▓рд┐рдорд░ рдЧреИрд░-рдорд╛рдирдХ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдПрдХ рдЕрд▓рдЧ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдЕрдкрдиреА рдХрдо рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдЗрдирд▓рд╛рдЗрди рдХреАрд╡рд░реНрдб рдХреЗ рд╕рд╛рде рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдХрдо рдлрд╝рд╛рдЗрд▓ рдХреЛ рдХрдо рдЪрд░ рдФрд░ рдмрд╣реБрд▓рдХ рдХрд╕реНрдЯрдо рдЧреБрдгреЛрдВ рдХреЗ рдмреАрдЪ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдХрд░рдирд╛ рдкрдбрд╝рддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рд╣реИ рдХрд┐ рдЬрд┐рд╕ рддрд░рд╣ рд╕реЗ рдкреЙрд▓рд┐рдорд░ рдЪрд╛рд╣рддрд╛ рд╣реИ, рд╡реИрд╕реЗ рднреАред рд╕рд╣рдордд рдЖрдк рдорд╛рдирдХреЛрдВ рд╕реЗ рд╣рд░ рд╡рд┐рдЪрд▓рди рдХреЛ рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред

рдмрд╕ рдЗрд╕ рдкрд░ рдкреБрдирд░реНрд╡рд┐рдЪрд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдХреЗ рджрд╛рдпрд░реЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕рдВрдХреАрд░реНрдг рджреГрд╖реНрдЯрд┐рдХреЛрдг рдерд╛ред

рд╡рд╣ рд╣реИ: рд╣рд╛рдБ, @apply рдХреЗрд╡рд▓ рдПрдХ рдкреНрд░рд╕реНрддрд╛рд╡ рд╣реИ, рд▓реЗрдХрд┐рди рдкрд░рд┐рдгрд╛рдо, _this_ рд╣реИ _not_ рдЕрдорд╛рдиреНрдп рд╕реАрдПрд╕рдПрд╕ред рдЕрдм рдФрд░ рдирд╣реАрдВред

paper-drawer-panel {
  --paper-drawer-panel-left-drawer: {
    background-color: red;
  };
}

рдореЗрд░реА рдЧрд▓рддреА рдпрд╣ рд╕реЛрдЪ рд░рд╣реА рдереА рдХрд┐ @apply рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЗ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдерд╛, рд▓реЗрдХрд┐рди рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИред рдЙрдкрд░реЛрдХреНрдд _IS_ рдПрдХ рдорд╛рдиреНрдп рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рд╡реИрд▓реНрдпреВ рд╣реИ, рдФрд░, рдЬреИрд╕реЗ, рдХрдо рд╕рдорд░реНрдерди рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдХрд╛рд╢ рдореИрдВрдиреЗ рдХрд▓реНрдкрдирд╛ рдореЗрдВ рдЧрд╣рд░реА рдЦреБрджрд╛рдИ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдордп рд▓рд┐рдпрд╛ рд╣реЛрддрд╛ред (рдпрд╣рд╛рдВ: https://www.w3.org/TR/css-variables/#syntaxред)

рдХрдо рдХреЗ рдкрд╛рд╕ рд╡реИрдз рд╕реАрдПрд╕рдПрд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдореБрдЦреНрдп рд▓рдХреНрд╖реНрдп рд╣реИ, рдФрд░ рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЛ рдЕрдм рддрдХ рд╣рд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдпрд╣ рдХрд▓реНрдкрдирд╛ рдЕрддреНрдпрдВрдд рдЕрдиреБрдорд┐рдд рд╣реИ, рдФрд░ рд╕рдВрдкрддреНрддрд┐ рдХреЗ рдореВрд▓реНрдпреЛрдВ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдореЗрдВ рдХреБрдЫ рдмрдбрд╝реЗ рдмрджрд▓рд╛рд╡реЛрдВ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛ рд╕рдХрддреА рд╣реИред рдЖрдк рдЗрд╕рдореЗрдВ рд▓рдЧрднрдЧ рдХреБрдЫ рднреА рдбрд╛рд▓ рд╕рдХрддреЗ рд╣реИрдВред рдЖрдк рдореВрд▓реНрдпреЛрдВ рдХреЗ рд╕рд╛рде рдХрд┐рддрдирд╛ рдкрд╛рдЧрд▓ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдХреНрдпрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЗрд╕рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдЧрд╛, рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИред рд▓реЗрдХрд┐рди, рдЬрд┐рд╕ рддрд░рд╣ рд╕реЗ рдореИрдВ рдХрд▓реНрдкрдирд╛ рдкрдврд╝рддрд╛ рд╣реВрдВ, рдЕрдЧрд░ рдпрд╣ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдмрдирддрд╛ рд╣реИ, рддреЛ рдЬреНрдпрд╛рджрд╛рддрд░ рдХреБрдЫ рдорд╛рдиреНрдп рд╣реЛрддрд╛ рд╣реИред рдорддрд▓рдм, рдЬрдм рддрдХ рдЖрдк рдПрдХ "рд╢реАрд░реНрд╖-рд╕реНрддрд░реАрдп" рдЕрд░реНрдзрд╡рд┐рд░рд╛рдо рдЯреЛрдХрди рдХрд╛ рд╕рд╛рдордирд╛ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдШреБрдВрдШрд░рд╛рд▓реЗ рдмреНрд░реЗрд╕рд┐рдЬрд╝ рдпрд╛ рдХреЛрд╖реНрдардХ рдореЗрдВ рд╕рднреА рдкреНрд░рдХрд╛рд░ рдХреЗ рд╕рд╛рдорд╛рди рд▓рдкреЗрдЯрдХрд░ рдкрд╛рдЧрд▓ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВред

рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдкреЙрд▓рд┐рдорд░ рдЬреИрд╕реА рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдореЗрдВ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдШреЛрд╖рдгрд╛рддреНрдордХ рдЧреБрдгреЛрдВ / рдореВрд▓реНрдпреЛрдВ рдХреЛ рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП "рд╣реИрдХ" рдХрд░рдиреЗ рдХреА рд╕рдВрднрд╛рд╡рдирд╛ рдмрдврд╝ рд░рд╣реА рд╣реИ рдЬрд╣рд╛рдВ рд╡реЗ рдЬреЗрдПрд╕ рджреНрд╡рд╛рд░рд╛ рдкрдардиреАрдп рд╣реИрдВ, рдЬреЛ рдХрд┐ рдЗрд╕ рд╕реАрдПрд╕рдПрд╕ рд╕реБрд╡рд┐рдзрд╛ рд╕реЗ рдкрд╣рд▓реЗ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдВрднрд╡ рдирд╣реАрдВ рдерд╛ред

рддреЛ ASAP рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП ASред

рдЙрди рд▓реЛрдЧреЛрдВ рдХреЛ рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдЬрд┐рдиреНрд╣реЛрдВрдиреЗ рдпрд╣ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рдХрд┐ рдпрд╣ рдорд╛рдиреНрдп рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣реИред

рд╕рдВрдмрдВрдзрд┐рдд: https://github.com/less/less.js/issues/2986

рдореИрдВ рдЗрд╕реЗ рдмрдЧ рдФрд░ рдлреАрдЪрд░ рдЕрдиреБрд░реЛрдз рджреЛрдиреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдХреНрдпреЛрдВрдХрд┐ рдХ) рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рдореВрд▓реНрдпреЛрдВ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдиреЗ рдХрд╛ рдХрдо рджрд╛рд╡рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХрднреА-рдХрднреА рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИ (рд▓реЗрдХрд┐рди рдпрд╣ рдХрдм рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ), рд▓реЗрдХрд┐рди рдмреА) рдореВрд▓реНрдпреЛрдВ рдХреЗ рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЛ рд╕рдВрднрд╛рд▓рдиреЗ рдХреА рдХрдо рдЖрд╡рд╢реНрдпрдХрддрд╛ рдореВрд▓ рдбрд┐рдЬрд╛рдЗрди рд╕реЗ рдкрд░реЗ рд╣реИ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рд╕реАрдПрд╕рдПрд╕ рд╣реА, рдЕрдХреЗрд▓реЗ рдХрдо рдЪрд▓реЛ, рддреЛ рдпрд╣ рдПрдХ рдирдИ рд╕реБрд╡рд┐рдзрд╛ рд╣реИред

рдПрдХ рдФрд░ рдкрд░реАрдХреНрд╖рдг рдЬрд┐рд╕реЗ рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдХрдо рдкрд░реАрдХреНрд╖рдгреЛрдВ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ рд╕реАрдПрд╕рдПрд╕ рдЖрдЬ рдХреА рддрд░рд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╡реИрдз рд╣реИред

.test {
  --custom-function: () => { let x = 1; window['NAMESPACE'].doSomething(x); };
}

рдЕрдирд┐рд╡рд╛рд░реНрдп рд░реВрдк рд╕реЗ, рдПрдХ рдмрд╛рд░ рдХреБрдЫ () [] рдпрд╛ {} , рдЖрдк рдЕрдкрдиреЗ рдЗрдЪреНрдЫрд┐рдд рдХрд┐рд╕реА рднреА рд╡рд░реНрдг рдореЗрдВ рдбрдВрдк рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рддреЛ, рдЕрд░реНрдз-рдЙрдкрдирд┐рд╡реЗрд╢ рдЙрдкрд░реЛрдХреНрдд рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдкрд╛рд░рд┐рдд рдХрд░реЗрдВрдЧреЗред рдЬрдм рддрдХ рдЖрдк рдПрдХ рд╕рдорд╛рдкрди рдЕрд░реНрдз-рдмреГрд╣рджрд╛рдиреНрддреНрд░ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдг рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рддрдм рддрдХ рдХреБрдЫ рдкреБрдирд░рд╛рд╡рд░реНрддреА рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ рдЬрдм рддрдХ рдХрд┐ рдмреНрд░реЗрд╕рд┐рдЬрд╝ рдореЗрд▓ рдирд╣реАрдВ рдЦрд╛рддреЗ рдФрд░ рдмрдВрдж рд╣реЛ рдЬрд╛рддреЗ рд╣реИрдВ (рдпрджрд┐ / рдЬрдм рд╡реЗ рдЦреЛрд▓реЗ рдЬрд╛рддреЗ рд╣реИрдВ)ред

рдореИрдВрдиреЗ рдЙрд╕ рдХрд╛рдо рдХреЛ рдпрд╣рд╛рдБ рд╢реБрд░реВ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдЕрднреА рддрдХ рдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рд╕рд╣реА рд╣реИ рдпрд╛ рдирд╣реАрдВред https://github.com/less/less.js/blob/edge/lib/less/parser/parser.js#L1326

_Note: рдпрд╣ рд╕реНрдкрд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдпрджрд┐ рдХреЛрдИ рдЙрдкрд░реЛрдХреНрдд рд▓рд╛рдЗрди рдХреЛ рджреЗрдЦрдХрд░ рднреНрд░рдорд┐рдд рд╣реИ, рддреЛ рдпрд╣ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреБрдЫ рднреА рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред CSS рдЗрд╕реЗ рдХреЗрд╡рд▓ рдПрдХ рд▓рдВрдмрд╛, рдЕрдЬреНрдЮрд╛рдд рдЕрдирд╛рдо рдорд╛рди рдорд╛рдирддрд╛ рд╣реИ ред_

рдЕрдирд┐рд╡рд╛рд░реНрдп рд░реВрдк рд╕реЗ, рдПрдХ рдмрд╛рд░ рдХреБрдЫ () [] рдпрд╛ {} рдореЗрдВ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж, рдЖрдк рдЕрдкрдиреЗ рдЗрдЪреНрдЫрд┐рдд рдХрд┐рд╕реА рднреА рд╡рд░реНрдг рдореЗрдВ рдбрдВрдк рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдорд┐рдореА, рдпрд╣ рд╣реИ? рдореЗрд░реЗ рд▓рд┐рдП https://www.w3.org/TR/css-variables/#syntax рдХрд┐рд╕реА рднреА рдЯреЛрдХрди рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ (рд╡рд╣рд╛рдВ рд╕реВрдЪреАрдмрджреНрдз рд▓реЛрдЧреЛрдВ рдХреЛ рдЫреЛрдбрд╝рдХрд░) рд╡рд╣рд╛рдВ рдХрд╣реАрдВ рднреА рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рднрд▓реЗ рд╣реА рдХрд┐рд╕реА рднреА рдкреНрд░рдХрд╛рд░ рдХреЗ рдкреИрд░реЗрдВрд╕ рдХреА рдкрд░рд╡рд╛рд╣ рдХрд┐рдП рдмрд┐рдирд╛)ред рдпрд╛ рдпрд╣ рдХрд┐рд╕реА рдФрд░ рдкреИрд░рд╛рдЧреНрд░рд╛рдл рджреНрд╡рд╛рд░рд╛ рдЧреНрд░рд╣рдг рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдореБрдЭреЗ рдЗрдВрдЧрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд╣рд╛рдВ рдпрд╣ рдХрд┐рд╕реА рднреА рдЪрд░рд┐рддреНрд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХрд╣рддрд╛ рд╣реИ, рдпрд╛ рдкрд░реЗрдВрд╕ рдХреЗ рдЕрдВрджрд░ рдореВрд▓реНрдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рд╣реИ? (рдЬрдм рддрдХ рдХрд┐ рдпрд╣ url(...) рдЬрд░реВрд░ рди рд╣реЛ)?

рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, --var: ?; , --var: (?); рдпрд╛ --var: [┬╛]; рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдорд╛рдиреНрдп рд╣реИрдВ?

рдпрд╣ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рдЕрдиреБрднрд╛рдЧ рдКрдкрд░ рд╣реИ, рдЬрд┐рд╕реЗ рдореИрдВ рдЧрд▓рдд рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред

рдХрд╕реНрдЯрдо рдЧреБрдгреЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдиреБрдордд рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЕрддреНрдпрдВрдд рдЕрдиреБрдордд рд╣реИред <declaration-value> рдЙрддреНрдкрд╛рджрди рдПрдХ рдпрд╛ рдПрдХ рд╕реЗ рдЕрдзрд┐рдХ рдЯреЛрдХрди рдХреЗ рдХрд┐рд╕реА рднреА рдЕрдиреБрдХреНрд░рдо рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЬрдм рддрдХ рдЕрдиреБрдХреНрд░рдо рдореЗрдВ <bad-string-token> , <bad-url-token> , рдмреЗрдЬреЛрдбрд╝ <)-token> , <]-token> , рдпрд╛ <}-token> , рдпрд╛ рд╢реАрд░реНрд╖-рд╕реНрддрд░реАрдп <semicolon-token> рдЯреЛрдХрди рдпрд╛ <delim-token> рдЯреЛрдХрди "!" рдХреЗ рдореВрд▓реНрдп рдХреЗ рд╕рд╛рде!

рддреЛ, рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЯреЗрдХрдЕрд╡реЗ рд╣реИрдВ:

  1. рдХреЗрд╡рд▓ рд╢реАрд░реНрд╖-рд╕реНрддрд░ рдЕрд░реНрдзрд╡рд┐рд░рд╛рдо-рдЯреЛрдХрди рдорд╛рдпрдиреЗ рд░рдЦрддрд╛ рд╣реИред рдореИрдВ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ "рдХреБрдЫ рдЕрдиреНрдп рдорд┐рд▓рд╛рди рдЬреЛрдбрд╝реА рдХреЗ рднреАрддрд░ рдирд╣реАрдВ"? рд▓реЗрдХрд┐рди рдореИрдВ рдЧрд▓рдд рдЕрд░реНрде рд▓рдЧрд╛ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ "рд╢реАрд░реНрд╖-рд╕реНрддрд░" рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИред

  2. рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЙрд╕ рдкреГрд╖реНрда рдкрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рдЬреЗрдПрд╕ рдЙрджрд╛рд╣рд░рдг рднреНрд░рд╛рдордХ рд╣реЛ, ( -foo: if(x > 5) this.width = 10; рд╡реИрдз рд╣реИред) рд▓реЗрдХрд┐рди рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ = рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╕реАрдПрд╕рдПрд╕ рдЯреЛрдХрди рдирд╣реАрдВ рд╣реИ, рдФрд░ рди рд╣реА this.width ред рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдХреЗ рдмрд┐рдирд╛, рдФрд░ рдпрд╣ рджреЗрдЦрддреЗ рд╣реБрдП рдХрд┐ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдкрд░ рдЕрдиреБрдорддрд┐ рддреНрд░реБрдЯрд┐ рдХреИрд╕реЗ рд╣реЛрддреА рд╣реИ, рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рд╣рдо рдХрд┐рд╕реА рднреА рдЪреАрдЬрд╝ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рднреА рддреНрд░реБрдЯрд┐ рдХреЛ рдорд╛рди рд╕рдХрддреЗ рд╣реИрдВред рд╣рдо _ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЬрд╛рдирддреЗ рд╣реИрдВ_ рдХрд┐ @apply рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╡реИрдз рд╣реИ (рдирд┐рдпрдореЛрдВ рдХреЗ рдПрдХ рд╕реЗрдЯ рдХреЗ рд╕рд╛рде), рднрд▓реЗ рд╣реА рдЙрд╕рдХреЗ рдкрд╛рд╕ рдПрдХ рдХрд╕реНрдЯрдо рдЕрдиреБрдкреНрд░рдпреЛрдЧ рд╣реЛред рддреЛ рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдХрд╕реНрдЯрдо рдЧреБрдг {} рднреАрддрд░ рдХрдИ рдЕрд░реНрдз-рдХреЙрд▓реЛрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдиреБрдорддрд┐ рджреЗрддреЗ рд╣реИрдВ; рдЗрд╕рд▓рд┐рдП рдпрд╣ рддрд░реНрдХрд╕рдВрдЧрдд рд╣реИ рдХрд┐ рдпрд╣ рднрд╛рд╖рд╛ () , [] , {} рдХреЗ рдорд┐рд▓рд╛рди рдХреЗ рднреАрддрд░ рдЕрдиреБрдорддрд┐ рдкреНрд░рдХреГрддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреБрдЫ рдмрддрд╛рддреА рд╣реИред рдРрд╕рд╛ рдмрд╣реБрдд рдХреБрдЫ рд╣реИ рдЬреЛ рд╣рдо рдпрд╣рд╛рдВ рдирд╣реАрдВ рдЬрд╛рдирддреЗ рд╣реИрдВ, рдФрд░ рдмрд┐рдирд╛ рдЬрд╛рдиреЗ рдХреИрд╕реЗ _what_ рдПрдХ рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рдореЗрдВ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдореЗрдВ рдпрд╣ рдорд╛рди рд▓реЗрдирд╛ рд╣реИ рдХрд┐ рдЗрд╕рдореЗрдВ рдХреБрдЫ рднреА рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдЬрдм рддрдХ рдХрд┐ рдпрд╣ рдПрдХ рд╡рд┐рд╢реЗрд╖ рд╕рдВрд░рдЪрдирд╛ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░рддрд╛ рд╣реИ ("рдЬрдм рддрдХ рдЕрдиреБрдХреНрд░рдо рдЕрдиреБрдХреНрд░рдо рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ <bad-string-token> , <bad-url-token> , рдмреЗрдЬреЛрдбрд╝ <)-token> , <]-token> , рдпрд╛ <}-token> ") рдФрд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд╕рд╛рде рдЙрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреЛ рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВред рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рд╕рдлрд▓ рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдирдВрдЧреЗ рдиреНрдпреВрдирддрдо рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдХрд░рддреЗ рд╣реБрдП, рдпрд╣рд╛рдВ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХрддрдо рд▓рдЪреАрд▓рд╛рдкрди рдмрдирд╛рдиреЗ рдХрд╛ рдЗрд░рд╛рджрд╛ рд╣реИред

рддреЛ, рдЖрдк рдРрд╕рд╛ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ:

.bar {
  --foo: {;
  --baz: ";
}

... рдХреНрдпреЛрдВрдХрд┐ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЖрдкрдХреЛ рдХрдИ рдЕрд░реНрдз-рдХреЙрд▓реЛрди рд╕рд╣рд┐рдд рдХрд┐рд╕реА рднреА рдЪреАрдЬрд╝ рдореЗрдВ рдбрд╛рд▓рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдЬрд╛рдирдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдХрдм рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдпрд╣реАрдВ рд╕реЗ рдореИрдЪрд┐рдВрдЧ рдХреЛрдЯреНрд╕ / рдмреНрд░реЗрд╕реЗрд╕ / рдХреЛрд╖реНрдардХ / рдХреЛрд╖реНрдардХ рдЪрд▓рди рдореЗрдВ рдЖрддреЗ рд╣реИрдВред рдЬрдм рддрдХ рдЖрдк рдЗрдВрдЧрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдЖрдкрдиреЗ рдХрд┐рд╕реА рддрд░рд╣ рд╕реЗ рдЕрдкрдиреЗ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЛ "рдмрдВрдж" рдХрд░ рджрд┐рдпрд╛ рд╣реИ, рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдпрд╣рд╛рдВ рдЗрд░рд╛рджрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдЖрдк рдЙрд╕ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЗ рднреАрддрд░ рд╡рд╣реА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬреЛ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рдЗрд╕ рдХреЗ рд░реВрдк рдореЗрдВ:

рдпрд╛ рддреЛ --рд╡рд░: ;,; --рд╡рд░: (?); рдпрд╛ --рд╡рд░: [┬╛]; рд╡реИрдз рд╣реИ?

рдореБрдЭреЗрдВ рдирд╣реАрдВ рдкрддрд╛ред

рдХреНрдпрд╛ рд╣рдореЗрдВ рдЙрдиреНрд╣реЗрдВ рд╡реИрдз рдорд╛рдирдирд╛ тАЛтАЛрдЪрд╛рд╣рд┐рдП? IMO рд╣рд╛рдБред рдХреНрдпреЛрдВрдХрд┐ рд╣рдо рдирд╣реАрдВ рдЬрд╛рдирддреЗ / рдирд╣реАрдВ рдЬрд╛рди рд╕рдХрддреЗ, рд▓реЗрдХрд┐рди рд╣рдо _can_ рдЗрд╕реЗ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкрд░реЗрд╢рд╛рдиреА рдХреЗ рдмрд┐рдирд╛ рд╕рдлрд▓рддрд╛рдкреВрд░реНрд╡рдХ рдкрд╛рд░реНрд╕ рдХрд░рддреЗ рд╣реИрдВред

рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдВрднрд╡ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд▓рд┐рдП ... рдпрд╣ ; рддрдХ рд╡рд╣рд╛рдВ рдХреБрдЫ рднреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдмрдбрд╝реА рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рд╣рдореЗрдВ рдХрдо рд╕реЗ рдХрдо рддрд╛рд░, urls рдФрд░ рдиреЗрд╕реНрдЯреЗрдб {} рдХреЛ рд╕рдВрднрд╛рд▓рдирд╛ рдЪрд╛рд╣рд┐рдП (рдХреНрдпреЛрдВрдХрд┐ рдЙрдирдореЗрдВ ; рд╣реЛ рд╕рдХрддрд╛ рд╣реИ) рдХреЛрдИ рдХрдо рдХреЛрдб рдирд╣реАрдВ рд╣реИред

рдПрдХ рдФрд░ рдХрджрдо рдпрд╣ рд╣реЛрдЧрд╛ рдХрд┐ рдЗрд╕реЗ (рдкрд╛рд░реНрд╕рд┐рдВрдЧ рд╕реНрдЯреЗрдЬ рдкрд░) рдбреАрдЖрд░ (рдбрдмреНрд▓реНрдпреВ / рдУ рдЗрд╕рдХреЗ рдмрд╛рд╣рд░реА {} ) рдХреЗ рд╕рд╛рде рд╕рд┐рд░реНрдл рдЕрдзрд┐рдХ рдЯреЛрдХрди рдХреА рдЕрдиреБрдорддрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рдЗрд▓рд╛рдЬ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ (рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рддрдм рд╕реЗ рдПрдХ рдбреЗрдб-рд╡реЗ рдЬреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЖрдк рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ ' t --var: (1 > 2) / {whatever} foo; рдЬреИрд╕реЗ рдХреБрдЫ рдХреЗ рд▓рд┐рдП DR-parser рдХрд╛ рдкреБрдирдГ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ)

рдФрд░ рдЕрдВрдд рдореЗрдВ, рдХреБрдЫ рдЕрдзрд┐рдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдХреЗ рд▓рд┐рдП, рдореИрдВ рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ рдХреБрдЫ рднреА рдирд╣реАрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдХреБрдЫ рдХрдо рд╕реБрд╡рд┐рдзрд╛рдУрдВ (рдЯреЛрдХрди рдФрд░ рдлрд┐рд░ рдЙрдирдХреЗ рдореВрд▓реНрдпрд╛рдВрдХрди) рдХреЗ рд╕рд╛рде рдкреВрд░реНрдг-рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рд╡рд╛рд▓реЗ рд╕реАрдПрд╕рдПрд╕-рдЯреЛрдХрди рд▓рд┐рдЦрдиреЗ рд╡рд╛рд▓реЗ рдХреЛ рдЕрдиреБрдорддрд┐ рджреА рдЧрдИ рд╣реИред рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ рдПрдХ biiiiiig рд╕рдорд╕реНрдпрд╛ :(

рдХреЗрд╡рд▓ рд╢реАрд░реНрд╖-рд╕реНрддрд░ рдЕрд░реНрдзрд╡рд┐рд░рд╛рдо-рдЯреЛрдХрди рдорд╛рдпрдиреЗ рд░рдЦрддрд╛ рд╣реИред рдореИрдВ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ "рдХреБрдЫ рдЕрдиреНрдп рдорд┐рд▓рд╛рди рдЬреЛрдбрд╝реА рдХреЗ рднреАрддрд░ рдирд╣реАрдВ"? рд▓реЗрдХрд┐рди рдореИрдВ рдЧрд▓рдд рдЕрд░реНрде рд▓рдЧрд╛ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ "рд╢реАрд░реНрд╖-рд╕реНрддрд░" рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИред

рд╣рд╛рдБ рдореБрдЭреЗ рдкреВрд░рд╛ рдпрдХреАрди рд╣реИ рдХрд┐ рдпрд╣ ; рдЦрд╝рддреНрдо рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИред рдЕрд░реНрдерд╛рддреН: --var: ";" url(;) {;}; рд╡реИрдз рд╣реИ рдФрд░ --var: ; {} foo; рдирд╣реАрдВ рд╣реИ (рдкреНрд░рдердо ; "рд╢реАрд░реНрд╖-рд╕реНрддрд░" рд╣реЛрдиреЗ рд╕реЗ рдХрдерди рд╕рдорд╛рдкреНрдд рд╣реЛрддрд╛ рд╣реИ)ред
рдореИрдВ рд╕рд┐рд░реНрдл (;) рдмрд╛рд░реЗ рдореЗрдВ рдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реВрдБред

рдЬрд╛рд╣рд┐рд░ рд╣реИ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реЛрдЧрд╛ рдХрд┐ рдХреЛрдИ рдХрдо рдХреЛрдб рдирд╣реАрдВ рд╣реИред

рдореЗрд░рд╛ рдПрдХрдорд╛рддреНрд░ рд╡рд┐рдЪрд╛рд░ рдпрд╣ рд╣реИ рдХрд┐ рд╣рдо рдХрд╕реНрдЯрдо рдЧреБрдгреЛрдВ рдХреЛ рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреА рдЗрдЪреНрдЫрд╛ рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ maaaaybe рдЗрдВрдЯрд░рдкреЛрд▓реЗрд╢рди рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреА рдЕрдиреБрдорддрд┐ рджреЗ рд╕рдХрддреЗ рд╣реИрдВред рд▓реЗрдХрд┐рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ "рд░реВрдЪрд┐ 2 рдХреА рддрд░рд╣ рд╣реЛ рдЕрдЧрд░ рдмреНрдпрд╛рдЬ" рд╡рд┐рдЪрд╛рд░ рдХреА рддрд░рд╣ рд╣реИред

рдореИрдВ рд╕рд┐рд░реНрдл (;) рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реВрдБред

рдореЗрдВ рднреА рдирд╣реАрдВ рд╣реВрдБ? рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдЪрд╢реНрдореЗ рдореЗрдВ рдЕрдХреНрд╕рд░ рдХрд╣реАрдВ рди рдХрд╣реАрдВ рдкреНрд░рдХрд╛рд╢рд┐рдд рд╣реЛрдиреЗ рд╡рд╛рд▓реЗ рд╡рд┐рд╡рд░рдг рд╣реЛрддреЗ рд╣реИрдВ (рдЬреИрд╕реЗ рдЯреЛрдХрди рдкрде рдЖрд░реЗрдЦ), рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ рдореМрдЬреВрдж рд╣реИред рдПрдХ рдЪрд░рдг 1 рдХреЗ рд░реВрдк рдореЗрдВ - рдХреЗрд╡рд▓ {} , () , рдФрд░ рдЙрджреНрдзрд░рдг рд╕реЗ рдореЗрд▓ рдЦрд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рдФрд░ рдПрдХ рдЕрдирд╛рдо рдиреЛрдб рдореЗрдВ рдХреБрдЫ рднреА рдбрдВрдк рдХрд░рдиреЗ рддрдХ рд╢реАрд░реНрд╖ рд╕реНрддрд░ ; рдареАрдХ рд▓рдЧрддрд╛ рд╣реИред рдорд┐рд▓рд╛рди рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХреЛрд╖реНрдардХ [] рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЙрдирдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рднреА рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдЕрдиреНрдп рд╕рднреА рдЯреБрдХрдбрд╝реЗ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣ рдХрд╛рдлреА рддреБрдЪреНрдЫ рд╣реИред

рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рд╣рдореЗрдВ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдХреБрдЫ рднреА рдЯреЛрдХрди рд▓реЗрдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ, рдпрд╛ рдбреАрдЖрд░ рд╕рд╛рдорд╛рди рдХреЗ рд╕рд╛рде рдЗрд╕реЗ рдорд┐рд▓рд╛рдПрдВред рдЖрдЦрд┐рд░рдХрд╛рд░, рдХреЛрдИ рд╡реНрдпрдХреНрддрд┐ рдЗрд╕реЗ рд╕рдорд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ:

.weird {
  --php: ($x = 5 /* + 15 */ + 5; echo $x;);
  --example: [My DR will be --this: { 
    blah: nope;
    --never mind i gave up;
    no wait here it --is: {
      lol: cats;
    }
  }];
}

рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдХрд╕реНрдЯрдо рдЧреБрдгреЛрдВ рдХреА рд╕рд╛рдордЧреНрд░реА рд╕реЗ рдирд┐рдкрдЯрдиреЗ рдХреЗ рд▓рд┐рдП рдХрдо рд╕реЗ рдХрдо рдЕрдкрдиреЗ рд╣рд╛рдереЛрдВ рдХреЛ рд╕рд╛рдл рдХрд░рдирд╛ рдмреЗрд╣рддрд░ рд╣реЛрдЧрд╛ред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдпрд╣ рддрдХрдиреАрдХреА рд░реВрдк рд╕реЗ рдПрдХ рдХрдо рдкреНрд▓рдЧрдЗрди рд▓реЗрдЦрдХ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡рд┐рдЬрд╝рд┐рдЯрд░ рдкреНрд▓рдЧрдЗрди рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрднрд╡ рд╣реИ рдЬреЛ рдЯреБрдХрдбрд╝реЗ рд▓реЗрддрд╛ рд╣реИ рдФрд░ рдирдП рдиреЛрдбреНрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдо рдкрд╛рд░реНрд╕рд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдорд┐рд▓рд╛рди рдХрд╕реНрдЯрдо рдЧреБрдг рднреЗрдЬрддрд╛ рд╣реИред рд╣рдо рд╕рднреА рдХреЛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рд╛рдордЧреНрд░реА рдХреЛ рдПрдХ рдирд┐рдпрдо рдиреЛрдб рдореЗрдВ рдбрдВрдк рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдирд┐рдпрдо рдХреЛ рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдлрд┐рд░ рдЖрдЙрдЯрдкреБрдЯ рдХреЛ рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ рдбрдВрдк рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдпрджрд┐ рд╣рдо рдЙрдкрд░реЛрдХреНрдд рдЙрджрд╛рд╣рд░рдг рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЗрд╕реЗ рдЕрдорд╛рдиреНрдп рдорд╛рдирд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП:

.weird {
  --example: [My DR will be --this: { 
    blah: nope;
    --never mind i gave up;
    no wait here it --is: {
      lol: cats;
   // missing matching }
  }];
}

"рдХреЛрдИ рдХрдо рдХреЛрдб рдирд╣реАрдВ"

рд╢рд╛рдпрдж, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдПрдХ рдордВрджреА - рдЬреИрд╕реЗ рдЕрдм рдХреЛрдИ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реИ:
--var: darken(red, 5%) + 1;
рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рддрдм ( --fortran: read (*, *, iostat=ierr) radius, height; ) рдпрд╣ рдирд╣реАрдВ рд╣реЛрдЧрд╛ :(

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рд╢рд╛рдпрдж рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рд╡рд┐рдХрд▓реНрдк рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рдЬреИрд╕реЗ --oh-no-yet-another-option-for-custom-properties-to-be-parsed-one-way-or-another: on :)

рд╢рд╛рдпрдж, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдПрдХ рдордВрджреА - рдЬреИрд╕реЗ рдЕрдм рдХреЛрдИ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реИ --рд╡рд░: рдЧрд╣рд░рд╛ (рд▓рд╛рд▓, 5%); рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдлрд┐рд░ (рдХреЗ рд▓рд┐рдП - рдХрд╛рдлрд╝рд░рди: рдкрдврд╝реЗрдВ (*, *, iostat = ierr) рддреНрд░рд┐рдЬреНрдпрд╛, рдКрдВрдЪрд╛рдИ;) рдпрд╣ рдирд╣реАрдВ рд╣реЛрдЧрд╛ :(

ЁЯдФ рдЕрдЪреНрдЫрд╛ ..... рд╣рд╛рдБ рдореИрдВ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдБ рдХрд┐ рдЖрдкрдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ, рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рд╢рд╛рдпрдж рдХрд┐рд╕реА рддрд░рд╣ рдХрд╛ рдкреНрд░рдХреНрд╖реЗрдк рдЖрд╡рд╢реНрдпрдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ? рд╣рдо рдореВрд▓ рд░реВрдк рд╕реЗ рдкрд╛рд░реНрд╕рд░ рдкрд░ рд╕рдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

<strong i="8">@iostat</strong>: ierr;
--fortran: read (*, *, iostat=@{iostat}) radius, height;

// treat similar to:
--fortran: ~"read (*, *, iostat=@{iostat}) radius, height";

(рдЙрдЪрд┐рдд рдорд┐рд▓рд╛рди рдЯреЛрдХрди рдХреЗ рдкреВрд░реНрд╡реЛрдХреНрдд рдЧреБрд╣рд╛рдУрдВ рдХреЗ рд╕рд╛рде?)

рдореЗрд░рд╛ рдорддрд▓рдм рд╣реИ .... рд╡рд┐рдХрд▓реНрдк рдпрд╣ рд╣реИ рдХрд┐ рд╣рдо рдЕрдирд┐рд╡рд╛рд░реНрдп рд░реВрдк рд╕реЗ рд╡рд╛рдХреНрдп рд░рдЪрдирд╛ рд╕реЗ рдмрдЪрдиреЗ рдХреА рд╕рд▓рд╛рд╣ рджреЗрддреЗ рд╣реИрдВред рдмрд╕ рдЗрди-рдкреНрд▓реЗрд╕ рд╕реАрдПрд╕рдПрд╕ рдХреЛрдб рдХреЗ рдХрдо рд╕рдВрд╢реЛрдзрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ред

рд╣рд╛рдБ, рдкреНрд░рдХреНрд╖реЗрдк рдЪрд╛рд▓ рдХрд░реЗрдВрдЧреЗред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рдЕрднреА рднреА рдПрдХ рдкреНрд░рд╛рдпреЛрдЧрд┐рдХ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд░реВрдк рдореЗрдВ DR-ike рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдирд╛ рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ (рдореБрдЭреЗ рдкреВрд░рд╛ рдпрдХреАрди рд╣реИ рдХрд┐ рдмрд╣реБрдд рд╕реЗ рд▓реЛрдЧ рд╡рд╛рд╕реНрддрд╡рд┐рдХ --var: darken(red, 5%); рдХреЛ рдХрд╛рд▓реНрдкрдирд┐рдХ --javascript: 1 = 2; рдХрдо рд╕реЗ рдХрдо рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗ рдЬрдм рддрдХ рдХрд┐ рдРрд╕реА рдХрд╕реНрдЯрдо рд╕рдВрдкрддреНрддрд┐ рд╣реИрдХрд┐рдВрдЧ рд╡реНрдпрд╛рдкрдХ рдирд╣реАрдВ рд╣реЛ рдЬрд╛рддреА: )

рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдореИрдВ рджреЛрдиреЛрдВ рддрд░реАрдХреЛрдВ (рдЕрд▓рдЧ-рдЕрд▓рдЧ рдпрд╛ рдПрдХ рд╕рд╛рде) рдХреЗ рд╕рд╛рде рдареАрдХ рд╣реВрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдЗрд╕рдХреЗ рд▓рд┐рдП рдХрд╛рдлреА рдордЬрдмреВрдд рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди / рд╕рдорд╛рдзрд╛рди рд╣реИред рдореИрдВрдиреЗ рдкрд░реАрдХреНрд╖рдгреЛрдВ рдореЗрдВ рдЗрд╕ рдереНрд░реЗрдб рд╕реЗ рдХрдИ рдХреЛрдб рдЙрджрд╛рд╣рд░рдгреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ред рдЗрд╕рд▓рд┐рдП, рдХрд╕реНрдЯрдо рдкреНрд░реЙрдкрд░реНрдЯреА рд╡реИрд▓реНрдпреВрдЬрд╝ рдФрд░ рдЕрдЬреНрдЮрд╛рдд рдПрдЯ-рд░реВрд▓реНрд╕ рдХреЛ рдЕрдирд┐рд╡рд╛рд░реНрдп рд░реВрдк рд╕реЗ рдЯреНрд░реАрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрдВрдЯрд░рдкреЛрд▓реЗрд╢рди рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдЯреЗрдб рд╡реИрд▓реНрдпреВ рд╕реЗ рдмрдЪ рдЬрд╛рддреЗ рд╣реИрдВред # 3213 рджреЗрдЦреЗрдВред

рддрдп рдХрд┐рдпрд╛ рд╣реБрдЖред

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

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

MarkSG93 picture MarkSG93  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

falkenhawk picture falkenhawk  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

joe223 picture joe223  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vecerek picture vecerek  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

papandreou picture papandreou  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ