https://github.com/boost/b3

Boost Bread & Butter - A design system staple for Boost's design process. Based on UIKit
https://github.com/boost/b3

maybe-remove

Last synced: 3 days ago
JSON representation

Boost Bread & Butter - A design system staple for Boost's design process. Based on UIKit

• Host: GitHub
• URL: https://github.com/boost/b3
• Owner: boost
• Created: 2020-10-02T00:22:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-10T03:33:51.000Z (almost 4 years ago)
• Last Synced: 2024-11-22T16:14:28.351Z (2 months ago)
• Topics: maybe-remove
• Language: SCSS
• Homepage:
• Size: 653 KB
• Stars: 0
• Watchers: 8
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Boost's Bread and Butter

A design system staple for Boost's design process. Based on UIKit.

## Installation & usage

```js

yarn add https://github.com/boost/b3.git

```

Create the following directory/file structure in you stylesheets folder.

```bash

stylesheets/

  b3-config/ # here is where you override B3 variables

    borders.scss

    colors.scss

    forms.scss

    shadows.scss

    spacing.scss

    typography.scss

  theme/ # place your UIKit component overrides here (variables & mixins)

    _import-mixins.scss # include your mixins here

    _import-variables.scss # include your variables here

  ... # place another other code in folders at the root, e.g. blocks/footer.scss

  application.scss

```

Add this scss into your `application.scss`.

```scss

@import 'b3/src/scss/b3'

```