https://github.com/typestyle/csstips

CSS Tips to help beginners using CSS in TS / JS
https://github.com/typestyle/csstips

css css-in-js typescript typestyle

Last synced: 2 days ago
JSON representation

CSS Tips to help beginners using CSS in TS / JS

• Host: GitHub
• URL: https://github.com/typestyle/csstips
• Owner: typestyle
• Created: 2016-12-09T00:01:43.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-08-11T11:33:02.000Z (over 3 years ago)
• Last Synced: 2024-03-25T20:22:13.792Z (8 months ago)
• Topics: css, css-in-js, typescript, typestyle
• Language: TypeScript
• Homepage: https://typestyle.github.io
• Size: 32.2 KB
• Stars: 52
• Watchers: 7
• Forks: 8
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

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 

```ts

import * as csstips from "csstips" 

import {style} from "typestyle" 



  .....Insert a big block of dom here....



```


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](https://typestyle.github.io)