{"id":4018,"date":"2016-02-09T09:00:42","date_gmt":"2016-02-09T08:00:42","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=4018"},"modified":"2016-02-08T16:28:18","modified_gmt":"2016-02-08T15:28:18","slug":"uso-de-variables-en-css","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2016\/02\/09\/uso-de-variables-en-css\/","title":{"rendered":"Uso de variables en CSS"},"content":{"rendered":"<p>En\u00a0<a href=\"http:\/\/thenextweb.com\/dd\/2016\/02\/08\/css-variables-are-finally-landing-in-chrome-to-help-you-clean-up-your-code\/\">CSS variables are finally landing in Chrome to help you clean up your code<\/a> nos cuentan que Google Chrome 49 ya incorpora las variables de CSS, que permiten hacer cosas como esto:<\/p>\n<pre>:root {\r\n --main-color: #06c;\r\n}<\/pre>\n<pre>#foo h1 {\r\n color: var(--main-color);\r\n}<\/pre>\n<p>Esto ya se pod\u00eda hacer con el uso de <a href=\"http:\/\/sass-lang.com\/\">SASS<\/a> o <a href=\"http:\/\/lesscss.org\/\">LESS<\/a>, preprocesadores de CSS. Ahora se puede hacer lo mismo, pero directamente en el navegador.<\/p>\n<p>\u00bfSe puede usar ya? Por ahora no es una buena idea, porque ni Opera ni Microsoft Edge lo soportan, pero seguro que en unos meses todos los navegadores modernos lo soportar\u00e1n.<\/p>\n<p>M\u00e1s informaci\u00f3n en\u00a0<a href=\"https:\/\/developers.google.com\/web\/updates\/2016\/02\/css-variables-why-should-you-care\">CSS Variables: Why Should You Care?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En\u00a0CSS variables are finally landing in Chrome to help you clean up your code nos cuentan que Google Chrome 49 ya incorpora las variables de CSS, que permiten hacer cosas como esto: :root { &#8211;main-color: #06c; } #foo h1 { &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/blogs.ua.es\/pi\/2016\/02\/09\/uso-de-variables-en-css\/\"> <span class=\"screen-reader-text\">Uso de variables en CSS<\/span> Leer M\u00e1s  &raquo;<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[2765],"class_list":["post-4018","post","type-post","status-publish","format-standard","hentry","category-general","tag-css"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=4018"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4018\/revisions"}],"predecessor-version":[{"id":4019,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4018\/revisions\/4019"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=4018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=4018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=4018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}