Lil Regie's front-end workshop

Icon link

For links that need an associated icon, use this class.

Example

0 375 640 768 1024

Open in a new window

Code sample

1
2
3

<a href="#" class="link_icon" style="--background-image-url: url('path/to/image.svg');">
  Lil Regie's front-end workshop
</a>

Usage notes

  • Only square icons can be used.

  • This pattern is extended to build the site’s mobile menu link

Source files