Com o Windows 10 Creators Update, o Microsoft Edge virá com suporte para CSS Custom Properties

Com a próxima atualização para criadores do Windows 10, que será lançada no próximo mês, o Microsoft Edge oferecerá suporte a CSS Custom Properties, que permite aos desenvolvedores cascatear totalmente as variáveis ​​nas propriedades CSS.

Em geral, os aplicativos da Web podem conter bastante CSS. A maioria dos valores no arquivo CSS serão dados duplicados; por exemplo, um site pode estabelecer um esquema de cores e reutilizar três ou quatro cores em todo o site. Alterar esses dados pode ser difícil e propenso a erros, pois está espalhado por todo o arquivo CSS (e possivelmente em vários arquivos) e pode não ser acessível ao Localizar e substituir. CSS Custom Properties resolve esse problema usando uma família de propriedades personalizadas definidas pelo autor conhecidas coletivamente como propriedades personalizadas, que permitem aos desenvolvedores atribuir valores arbitrários a uma propriedade com um nome, e a função var(), que permite que os desenvolvedores usem esses valores em outras propriedades em outras partes do documento. Confira um exemplo abaixo,

:root { --primary: #0B61A4; --secundário: #25567B; } cabeçalho { background: var(--primary); border-bottom: 2px sólido var(--secundário); }

CSS Custom Properties tornará a edição de arquivos CSS muito mais fácil e menos propensa a erros, pois os desenvolvedores precisam alterar o valor uma vez, na propriedade customizada, e a alteração será propagada para todos os usos dessa variável automaticamente.

Se você é um desenvolvedor, agora pode experimentar CSS Custom Properties nas compilações do Windows Insider Preview lançadas recentemente, começando com EdgeHTML 15.15061. Além disso, confira o Demonstração do Pooch de Propriedades Personalizadas para ver esse recurso em ação.