spaceBase is a Sass-based responsive CSS framework.
Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today's responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace.
What is it?
spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.
Key Features
Mobile-first Flexbox Grid
Sass-based
Object-oriented CSS
Optimized for Light Speed
More Features
- Common UI components
- Helper classes and mixins
- Cross-browser form controls
- Supports all modern browsers
Launch Sequence
$ npm install spacebase
or download the ZIP and copy its contents into your project folder.- Use your favorite Sass compiler to watch changes and compile the files.
- Open scss/_vars.scss to update your global variables.
- Start building out your project. We've included index.html and styleguide.html to begin with.
- scss/base/ is the core of spaceBase. Build your UI layer in scss/ui/
Customize
- Can be used within Next.js projects
- Compatible with any Dart Sass compiler
- Scalable, mobile-first grid - choose how robust you want it
- Global variables for breakpoints, colors, fonts and more
Mission Control
All are welcome to contribute.
