{"id":224,"date":"2016-07-28T07:50:58","date_gmt":"2016-07-28T10:50:58","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=224"},"modified":"2016-07-28T07:59:06","modified_gmt":"2016-07-28T10:59:06","slug":"currentcolor-css","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/currentcolor-css\/","title":{"rendered":"currentColor CSS"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/www.origamid.com\/codex\/wp-content\/uploads\/2016\/07\/current-color.png\" alt=\"Valor currentColor do CSS\" \/>\n<p>Se voc\u00ea for utilizar a mesma cor da sua color em outra propriedade do seu elemento, n\u00e3o \u00e9 mais necess\u00e1rio declarar duas vezes o mesmo valor.<\/p>\n<p>Basta utilizar a palavra chave currentColor, que automaticamente a cor ser\u00e1 definida a partir do valor da propriedade color.<\/p>\n<p data-height=\"300\" data-theme-id=\"24256\" data-slug-hash=\"vKAvrA\" data-default-tab=\"html,result\" data-user=\"origamid\" data-embed-version=\"2\" data-editable=\"true\" class=\"codepen\">See the Pen <a href=\"http:\/\/codepen.io\/origamid\/pen\/vKAvrA\/\">currentColor<\/a> by Andr\u00e9 | Origamid (<a href=\"http:\/\/codepen.io\/origamid\">@origamid<\/a>) on <a href=\"http:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"\/\/assets.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p>Isso facilita a manuten\u00e7\u00e3o do seu c\u00f3digo pois segue um dos conceitos b\u00e1sicos da codifica\u00e7\u00e3o (DRY &#8211; Don&#8217;t Repeat Yourself).<\/p>\n<p>E n\u00e3o para por ai, se voc\u00ea j\u00e1 tentou manipular os pseudo elements como ::after e ::before com JavaScript, sabe que n\u00e3o d\u00e1 para alterar as propriedades CSS inline.<\/p>\n<p>Ent\u00e3o agora se voc\u00ea tiver um elemento que mude de cor dinamicamente, j\u00e1 pode fazer isso modificando a propriedade color dele e utilizando a currentColor como valor no pseudo element.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea for utilizar a mesma cor da sua color em outra propriedade do seu elemento, n\u00e3o \u00e9 mais necess\u00e1rio declarar duas vezes o mesmo valor. Basta utilizar a palavra chave currentColor, que automaticamente a cor ser\u00e1 definida a partir do valor da propriedade color. See the Pen currentColor by Andr\u00e9 | Origamid (@origamid) on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/224"}],"collection":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":4,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/224\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}