https://github.com/voyagerstudio/saturnfive

A SASS powered springboard for styling the web.
https://github.com/voyagerstudio/saturnfive

css-framework design-systems sass-boilerplate sass-framework sass-mixins

Last synced: 4 months ago
JSON representation

A SASS powered springboard for styling the web.

• Host: GitHub
• URL: https://github.com/voyagerstudio/saturnfive
• Owner: voyagerstudio
• License: mit
• Archived: true
• Created: 2016-10-18T10:50:56.000Z (over 8 years ago)
• Default Branch: staging
• Last Pushed: 2023-01-24T06:33:03.000Z (over 2 years ago)
• Last Synced: 2024-10-16T02:01:30.534Z (7 months ago)
• Topics: css-framework, design-systems, sass-boilerplate, sass-framework, sass-mixins
• Language: CSS
• Homepage: https://saturn-v.guide
• Size: 207 KB
• Stars: 13
• Watchers: 5
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Saturn V Documentation 

A design system springboard.

## Quick Facts:

* **Saturn V is not a bootstrap competitor.** Saturn V is built with the intention of writing easier/faster CSS, not avoiding the task altogether (not that I'm knocking bootstrap _at all_). The most complex component you'll see in Saturn V for example is styling buttons.

* **Saturn V is not a matured design system.** Saturn V is designed to help you get going with your own design system, it's a springboard but not the real thing. Modifying the settings via the SCSS Variables/Tokens will help get you through the initial set up but there will still be plenty to do in your own projects (the good thing is Saturn V shouldn't establish any meaningful amount of technical debt)

* You can use Saturn V in both big and small projects. It's my go-to foundation for new projects of all sizes, I just don't always override any of the settings for the smaller projects. 

* Almost everything in Saturn V from the type scale ratio to the number of generated lighter and darker color options is configurable. All you have to do is before importing Saturn V define your own values for the corresponding SCSS variables. 

## How to get started

Getting started with Saturn V is easy, just treat it as any other SCSS partial. Saturn V should be imported before anything that would utlize it's feature or be impacted by it's default styles. Any Saturn V overrides should also be imported or written before importing Saturn V in order to take effect.