A fully configurable utility class generator and CSS framework built for Sass projects.
A fully configurable utility class generator and
CSS framework built for Sass projects.
Explore the docs »
View Site
·
Report Bug
·
Request Feature
UniformCSS is a fully configurable utility generator and CSS framework built entirely in Sass. Get the power of a utility-first workflow without losing the productiveness of Sass. To see documentation, visit uniformcss.com
apply()
mixinHere are the instructions to build your first uniform.css
. Please make sure you have the prerequisites installed before continuing on with the installation steps.
Before you get started, ensure you have the following installed.
Install Dart Sass with Homebrew on Mac OS X or Linux by running the following command.
brew install sass/sass/sass
Install Dart Sass with Chocolatey on Windows by running the following command.
choco install sass
Add Uniform as a Sass module to your main.scss
project. Follow these steps to load UniformCSS, compile, and watch for changes.
# Change directory to where your main sass file lives
cd my-project/sass/
# Clone project
git clone https://github.com/ThinkUniform/uniformcss
main.scss
// main.scss
@use "uniform" as *;
uniform.css
yarn uniform
yarn uniform:watch
// main.scss
@use "uniform" as * with (
$config: (
important: true,
comma-compression: true,
prefix: myProject,
colors: (
custom-color-1: red,
custom-color-2: blue
),
...
)
);
If you're ever stuck, need help, or wish to have a general discussion about this project, please get involved with the following community channels.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated. Thanks to all the people that have contributed in making this project great!
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)The source code is licensed under the MIT agreement. You are more than welcome to clone and customize this repo to suit your needs.
Jin Su Park – Creator and Author
@jinsu • jinsupark.com