https://github.com/thinkuniform/uniformcss.com
Documentation site for Uniform CSS.
https://github.com/thinkuniform/uniformcss.com
atomic-css css css-framework sass uniformcss utility-first
Last synced: 6 months ago
JSON representation
Documentation site for Uniform CSS.
- Host: GitHub
- URL: https://github.com/thinkuniform/uniformcss.com
- Owner: ThinkUniform
- License: mit
- Created: 2021-06-14T07:15:21.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-13T12:12:07.000Z (about 3 years ago)
- Last Synced: 2025-06-11T12:44:53.047Z (8 months ago)
- Topics: atomic-css, css, css-framework, sass, uniformcss, utility-first
- Language: Nunjucks
- Homepage: https://uniformcss.com
- Size: 14.5 MB
- Stars: 5
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Uniform CSS
A fully configurable utility class generator and
CSS framework built for Sass projects.
Explore the docs »
View Site
·
Report Bug
·
Request Feature
Table of Contents
## Introduction
This respository houses the official documentation site for [Uniform CSS](https://github.com/ThinkUniform/uniformcss), a fully configurable utility class generator and CSS framework built for Sass projects. To see documentation, visit [uniformcss.com](https://uniformcss.com/)
- :rocket: Learn everything you need to know to install, customize, and get started with Uniform CSS
- :clipboard: Quickly find any utility you're looking for with an alphabetically ordered API reference
- :art: Get a visual reference of every color, size, font-size, and effects
### Built With
This project was built with the following tools and technologies.
- [Sass](https://sass-lang.com/)
- [Eleventy](https://www.11ty.dev/)
- [AlpineJS](https://alpinejs.dev/)
## Getting Started
Here are the instructions on setting up this project locally. To get a local copy up and running make sure you have the prerequisites set up before continuing on with the installation steps.
### Prerequisites
Before you get started, ensure you have the following installed.
- [Node & NPM](https://nodejs.org/en/download/)
- [Sass v1.33.0 or higher](https://sass-lang.com/install)
### Installation
To install and run this project locally, follow these simple example steps.
1. Clone this repo
```sh
git clone https://github.com/ThinkUniform/uniformcss.com.git
```
3. Install NPM packages
```sh
npm install
```
4. Run Eleventy from your terminal
```JS
npx eleventy --serve
```
### Compiling Sass
This project uses a pre-configured version of Uniform CSS. Making changes and compiling is the same as any other Uniform CSS setup. Follow these steps to compile and watch for changes.
1. Install Dart Sass
```sh
brew install sass/sass/sass
```
2. Compile Sass and watch for changes
```sh
yarn uniform:watch-compressed
```
## Community
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.
- [Twitter](http://twitter.com/UniformCSS)
- [Discord](https://discord.gg/GGZuRVua)
- [Github Discussions](https://github.com/ThinkUniform/uniformcss/discussions)
## Contributing
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!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
### Source Code
The source code is licensed under the [MIT agreement](https://github.com/ThinkUniform/uniformcss.com/blob/main/LICENSE). You are more than welcome to clone and customize this repo to suit your needs.
### Web Content
Website content is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)
#### You are free to
1. **Share** — copy and redistribute the material in any medium or format
2. **Adapt** — remix, transform, and build upon the material
#### Under the following terms
1. **Attribution** — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
2. **NonCommercial** — You may not use the material for commercial purposes.
3. **ShareAlike** — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
4. **No additional restrictions** — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
## Contact
Jin Su Park – Creator and Author
[@jinsu](https://twitter.com/jinsu) • [jinsupark.com](https://jinsupark.com)
## Acknowledgements
This project would not have been possible without the genius minds behind the following tools, products and languages. Thank you for your contribution.
- [Sass](https://sass-lang.com/)
- [Eleventy](https://www.11ty.dev/)
- [Netlify](https://www.netlify.com/)
- [Inter Font](https://rsms.me/inter/)
- [AlpineJS](https://alpinejs.dev/)
- [Ionicons](https://ionic.io/ionicons)