Skip to content

piotrwitek/csstips

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

http://typestyle.io

About

CSS Tips to help beginners using CSS in TS / JS

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 100.0%