csstips

A bunch of csstips that you can use with TypeStyle. What is a csstip?

Usage no npm install needed!

<script type="module">
  import csstips from 'https://cdn.skypack.dev/csstips';
</script>

README

What's here

A bunch of csstips that you can use with TypeStyle. What is a csstip?

  • A function that returns a mixin (e.g. padding)
  • A mixin (e.g. flexbox stuff).
  • Functions to make page setup easier (setupPage) and CSS designs consistent (normalize).

Quick exploration

Just use TypeScript autocomplete e.g

import * as csstips from "csstips" 
import {style} from "typestyle" 

<div className={style(csstips.scroll)}>
  .....Insert a big block of dom here....
<div>

It essentially makes it easier for:

  • Beginners to explore CSS.
  • Experts to review CSS / intent.
  • Provides examples for how to create mixins / mixin creating functions for TypeStyle.

Docs

https://typestyle.github.io