https://github.com/madeleineostoja/satchel-docs
Satchel's documentation, hosted by Gitbook
https://github.com/madeleineostoja/satchel-docs
css-in-js documentation satchel
Last synced: 5 months ago
JSON representation
Satchel's documentation, hosted by Gitbook
- Host: GitHub
- URL: https://github.com/madeleineostoja/satchel-docs
- Owner: madeleineostoja
- Created: 2020-12-05T03:22:30.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-01-27T01:56:26.000Z (over 5 years ago)
- Last Synced: 2025-06-04T03:16:01.958Z (about 1 year ago)
- Topics: css-in-js, documentation, satchel
- Homepage: https://docs.satchel.style
- Size: 597 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: contributing.md
Awesome Lists containing this project
README
---
uid: aspect
title: Aspect ratio
description: The little bag of CSS-in-JS superpowers
---
# Introducing Satchel
Satchel is a tiny collection of JavaScript utilities designed to be used in CSS-in-JS. _\*\*_It automates common patterns, saves time, encourages consistency, and makes developers' lives easier.
## Features
* [Configurable normalization](tools/normalize.md)
* [Element-specific resets](tools/reset.md)
* [Automagical fluid units](tools/fluid.md)
* [Low-level grid helpers](tools/grids.md)
* [Aspect-ratio tools](tools/aspect.md)
* [Color transforms](tools/color.md)
* [Font importer](tools/font.md)
* [Positioning shorthands](tools/position.md)
* [Range element abstractions](tools/range.md)
* [Clearfix](tools/clearfix.md)
{% hint style="info" %}
## **Love Satchel? Try Pollen 🥑**
Pollen is a lightweight library of functional CSS variables you can use anywhere.
**Get Pollen 👉** [**pollen.style**](https://pollen.style)\*\*\*\*
{% endhint %}
\*\*\*\*
**Made with ❤️ in 🥝**