https://github.com/nicolas-cusan/backbreeze

A highly configurable utility class library written in Sass.
https://github.com/nicolas-cusan/backbreeze

backbreeze backbreeze-css css sass sass-library tailwindcss utility-classes

Last synced: about 1 month ago
JSON representation

A highly configurable utility class library written in Sass.

• Host: GitHub
• URL: https://github.com/nicolas-cusan/backbreeze
• Owner: nicolas-cusan
• License: mit
• Created: 2019-10-04T12:18:31.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T14:49:14.000Z (almost 2 years ago)
• Last Synced: 2024-10-01T03:21:01.696Z (about 2 months ago)
• Topics: backbreeze, backbreeze-css, css, sass, sass-library, tailwindcss, utility-classes
• Language: SCSS
• Homepage: https://backbreezecss.com/
• Size: 725 KB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Backbreeze CSS

A highly configurable utility class library written in Sass.

## Documentation

Full documentation at [backbreezecss.com](https://backbreezecss.com)

## Features

- Written in [Sass](https://sass-lang.com/), configuration in Sass

- Project specific configuration instead of lots of defaults, designed to build project specific style systems

- Can be dropped in to existing Sass projects

- Responsive and mobile first

- Short class names derived from the CSS property they apply to make _guessing_ class names easy

## What are utility classes?

Utility classes are CSS classes that only apply one CSS property and value. The classname reflects what property and value are applied.

```css

.ta-center {

  text-align: center;

}

```

Styling is achieved by combining multiple classes in HTML rather then writing, and possibly repeating, CSS.

```html



  



```


Backbreeze provides classes for a lot of CSS properties in the spec. So that a lot can be achieved by combining classes. Some benefits of this approach are:

- Fast development

- Small CSS files (when [processed correctly](/using-in-production/#remove-unused-css-with-purgecss))

- No need to worry about naming things

- Flexibility to make exceptions / variations of componets any time

## Why Sass?

[Sass](https://sass-lang.com/) is a widely used industry standard for authoring stylesheets. In contrast to combining different PostCSS plugins it has a [full language spec](https://sass-lang.com/documentation) that provides a solid authoring experience and makes it easy to port code between projects. PostCSS is great to process the generated CSS and its use is encouraged when using [Backbreeze in production](/using-in-production/).

## Inspired by [Tailwind](https://tailwindcss.com/)

Backbreeze is inspired by the [Tailwind CSS](https://tailwindcss.com/) framework. It aims to be an alternative that you can drop into existing projects that use Sass.

## Who is this library for?

- Developers that enjoy working with utility classes and appreciate the approach.

- Developers that like to work with Sass.

- Developers that what to start migrating existing Sass projects to use utility classes.

## Backbreeze in production

- https://www.gbm-telecom.ch/

- https://www.bold.ch/