Hey there! You're using an out-of-date browser, so this site probably looks pretty funny. Upgrade your browser for the full experience.

Sharing Is Caring: LESS Mixins Edition

Here are a few handy mixins to make your life LESS difficult.

One of the major perks of using CSS preprocessors is the ability to create your own mixins. Mixins are essentially functions you can write in LESS (or SCSS) to dynamically output CSS code. There are also a number of LESS and SCSS mixin libraries that you can download for use, but I thought I’d share some we find useful.

Quick Button Styles

Make a Font Awesome Icon

Build a Path to your Own Icons

Easy 2x Images for Retina Displays

Center a Container with a Max-Width

Make Screen Reader Exclusive Content

Feel free to play around with these in your code. Once you get a hang of making your own – mixins are sure to speed up your workflow!

Born and raised in
Louisville, Kentucky.

502.498.8470

223 S. Clay St

Work With Us

  • This field is for validation purposes and should be left unchanged.