7 Giugno 2011

atk_icons: Agile Toolkit Icon Set su Compass

Da un paio di progetti a questa parte sto facendo un uso massiccio di un iconset non particolarmente conosciuto: Agile Toolkit Icon Set. Trattasi di 128 iconcine 16x16 da poter utilizzare in un sacco di contesti, e che con uno sforzo minimo rendono immediatamente più attraente, usabile e caratterizzante un sito.

Con la solita logica DRY, ieri sera ho creato una piccola gemma che permette di sfruttare questo iconset su Compass con maggiore semplicità:

# screen.sass
@import "atk_icons"
.button.delete
  /* this will add an :after pseudo-selector with the specified icon
  @include atk-icon-pseudo("basic-ex")
.button.add span.icon
  /* you can also set the icon to a sub-element
  @include atk-icon("basic-plus")

Per maggiori informazioni su come installare questa estensione Compass, consultate il README. Spero vi possa essere utile!