Our WorkAbout UsOur ApproachThe Journal
Contact »
« Back to the journal
Frontend Development + PHP, Javascript & React

Sharing Is Caring: LESS Mixins Edition

By:

Natalie Miller

on 12/3/2018

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!

Share to

Related Posts

Websites
What's the JAMstack?

By:Alec Robertson

As a front-end developer in 2020, it is time that I fulfill the FEDeral mandate that I publish words regarding the JAMStack. If you follow too many developers on Twitter, it’s likely you’ve heard about the Next Big Thing in web development, but I’d like to put this trend (fad? movement?) into context to better understand what’s truly new about this approach and whether it’s worth using.

Read More »
Custom Bootstrap Shortcodes for WordPress

By: Natalie Miller on 6/27/2017

Bootstrap shortcodes are a quick way to make your WordPress content more dynamic.

Read More »