Many links, many colors

coloured-links_2500.jpg
// KÖKSBAREN
h1 a[href*="koksbaren"]  {
  color: @koksbaren !important;
  }

// ATMO
h1 a[href*="atmo"]  {
  color: @atmo !important;
  }

// MATS BÄCKER
h1 a[href*="mats-backer"]  {
  color: @matsbacker !important;
  }

// FREDRIK WRETMAN
h1 a[href*="fredrikwretman"]  {
  color: @fredrikwretman !important;
  }

I targeted the links in the image above with some CSS in order to apply specific colors to each link. ( I guess it is possible to do with some smart Javascript, but I’m not the man to do that…) The code looks for linked H1 headings with a specific string in their URLs and then assigns individual colors. The colors are defined elsewhere in my Custom CSS, using a LESS syntax like this:

@koksbaren: #89B7E9;