{"id":735,"date":"2012-08-30T20:12:44","date_gmt":"2012-08-30T20:12:44","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=735"},"modified":"2012-08-30T20:12:44","modified_gmt":"2012-08-30T20:12:44","slug":"matching-link-text-colors-easy","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/matching-link-text-colors-easy\/","title":{"rendered":"Matching link and text colors – the easy way"},"content":{"rendered":"

Let me start by saying that this method uses a new feature found in the CSS 3 spec. So, it might not be the best idea for desktop site use, but it comes in quite handy in mobile development. <\/p>\n

I've had a good number of designs that require part, or all of the layout to have the link color match the text color.<\/p>\n

Before the advent of CSS 3, this was a manual process of assigning a color style to each place in the document that an anchor tag might appear.<\/p>\n

I introduce to you the currentColor <\/em>variable. Unlike user-defined CSS 3 variables, this "built-in" variable is well supported by all the major browsers.<\/p>\n

To force all links to carry the same color of their parent, simple tack this rule at the top of your CSS:<\/p>\n

a { color: currentColor; }
\n\t<\/code><\/p>\n

That's it!<\/p>\n","protected":false},"excerpt":{"rendered":"

Let me start by saying that this method uses a new feature found in the CSS 3 spec. So, it might not be the best…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[12],"tags":[200],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/735"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":1,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions\/736"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}