Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maxbeier/tawian-frontend
A markdowny CSS framework
https://github.com/maxbeier/tawian-frontend
css framework frontend html
Last synced: about 1 month ago
JSON representation
A markdowny CSS framework
- Host: GitHub
- URL: https://github.com/maxbeier/tawian-frontend
- Owner: maxbeier
- License: mit
- Created: 2016-09-21T15:55:18.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-23T20:56:42.000Z (almost 7 years ago)
- Last Synced: 2024-05-08T12:31:13.639Z (8 months ago)
- Topics: css, framework, frontend, html
- Language: CSS
- Homepage: http://maxbeier.github.io/tawian-frontend
- Size: 2.61 MB
- Stars: 206
- Watchers: 5
- Forks: 19
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome-CSS-Resources - tawian-frontend:
README
# [Tawian Frontend](http://maxbeier.github.io/tawian-frontend) [![npm package][npm-badge]][npm]
Simple CSS framework with a markdowny touch. Intended for developer facing applications.
## Usage
```html
```
or via [npm][npm]
```sh
npm install --save tawian-frontend typeface-cousine
```
And then, for example (as used in [curious-containers/cc-ui](https://github.com/curious-containers/cc-ui)):
```js
import 'tawian-frontend';
import 'typeface-cousine';
```
To use the icons, you have to place [icons.svg](https://raw.githubusercontent.com/maxbeier/tawian-frontend/master/icons.svg) at the root of your public path (or anywhere else and adjust the path in the icons svg code) or inline them in your HTML to make them work in Edge.
## Preview
[](http://maxbeier.github.io/tawian-frontend/)
## Build
```sh
npm run build
npm run watch # builds continuously
```
## Credits
The project was inspired by [hack](https://github.com/egoist/hack).
[npm-badge]: https://img.shields.io/npm/v/tawian-frontend.svg?style=flat-square
[npm]: https://www.npmjs.org/package/tawian-frontend