https://github.com/vricop/petricorcss
CSS/SCSS utility framework
https://github.com/vricop/petricorcss
css functional-css petricorcss responsive sass-library utility-classes
Last synced: 8 months ago
JSON representation
CSS/SCSS utility framework
- Host: GitHub
- URL: https://github.com/vricop/petricorcss
- Owner: vricop
- License: gpl-3.0
- Archived: true
- Created: 2020-01-06T16:49:56.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-01-16T15:44:24.000Z (over 5 years ago)
- Last Synced: 2025-01-06T23:14:03.243Z (over 1 year ago)
- Topics: css, functional-css, petricorcss, responsive, sass-library, utility-classes
- Language: SCSS
- Size: 933 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Petricor CSS 💦
Petricor CSS is an utility library for building web interfaces. It’s build
in SASS and provides a full collection of utility classes that helps you work
faster and apply css without almost switching between css and html. It's
heavily influenced by [Tailwind CSS](https://tailwindcss.com/).
## Key concepts
### Wide collection of tiny utility classes
Detaching properties into tiny functional classes makes your code more reusable,
less dependent and portable. Having classes doing too much leads to scalable
issues in the middle-long term.
Remove the process of thinking about naming your classes or adopting
nomenclatures like **BEM**. No more abstract class names that need new modifiers
to accommodate similar looking components. You’ll know exactly what they’re
doing by just looking at them. Your components will be _self-descriptive_.
### Low specifity
As a general rule the majority of classes have a specificity as low as `0,0,1,0`.
Specificity wars with `!important` won’t bother you anymore. There are
some fewer exceptions where it does make sense to take advantage of the cascade.
For those specific cases the specificity will increase up to `0,0,2,0`.
### Made to be customized
All these utilities are generated from a single source of truth. A config file
with sass maps containing presets for spacings, colors, typography, box-shadows,
transforms, etc.
CSS authors can extend, modify, enable or disable utilities and variants.
Customizing Petricor CSS is really easy and you can do so without modifying the
core library. This way you can update to new versions without loosing your setup.