Skip to main content



For years, we have collected a list of useful SASS mixins, functions, and other stuff you can use in a project. At one point, we felt stupid for copy/pasting code across multiple projects, so we created Eightshift Frontend Libs. This library allows you to use whatever we offer without all that unnecessary clutter.

Check out our documentation and import what you need from Eightshift Frontend Libs.

Visit SassDocs for more details.

How to use it

Sass mixing, functions, and helpers are located in Eightshift Frontend Libs. Therefore, if you are using our Webpack build, you are all set. You can use it by importing it into your project like this:

@import '@eightshift/frontend-libs/styles/index.scss';

But if you are using our default setup_theme setup, you are all set. Eightshift Frontend Libs are in your project, injected in the _shared.scss file.

We have some defaults

For Eightshift Boilerplate to look presentable and have some styling, we created some variables and colors for us to use. So if you find some variable in your project and you have no idea where it comes from, that is on us, and your best place to check is here for global variables and here for colors.