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!
Related Posts
Component-Based Web Design
By:Morgan Plappert on 8/9/2024
Designers and developers are always looking for ways to make handoff easier, collaboration more seamless and our processes better aligned. Automation, consistency and efficiency, without compromising creativity. It’s a constant battle and often times, a balancing act.
Read More »
Dive into the Sanity Structure Builder
By: Mark Biek on 6/13/2021
Sanity is the super fast, super customizable CMS that we're using as the backend for the new via.studio website. One of the more powerful concepts that Sanity is the Structure Builder which gives you the ability to customize how content is presented in the Sanity admin.
Read More »