Pointcss

<img width="124" height="42" src="https://github.com/moyus/pointcss/raw/master/docs/images/logo.svg?sanitize=true">

A lightweight and flexible CSS Framework for building modern responsive web apps.

• Built with flexbox
• Mobile friendly layout
• ~12KB minified and gzipped

Installation

There are 3 ways to get started

Yarn

yarn add @moyu/pointcss

NPM

npm install @moyu/pointcss --save

Download and use production file

<link rel="stylesheet" href="dist/point.min.css" />

Customization

pointcss is coded in SASS, If you're familiar with it, You can continue

Install the dependence

yarn add @moyu/pointcss --dev

Set your variables

you can reference all initial variables in scss/_variables.scss

$color-primary:                         #636AFF; // primary
$color-danger:                          #ff2d20; // negative
$color-success:                         #15CD72; // positive
$color-info:                            #0069ff; // accent
$color-warning:                         #ED6E33; // warning
...

Import pointcss at the end of your code

// overwrite variables
$color-primary:                         #636AFF;

// your code

@import "node_modules/@moyu/pointcss/point"

Browser Support

pointcss uses Normalize.css for CSS reset and Autoprefixer to make styles compatible with earlier browser versions. For best user experience, these browsers are recommended:

• Chrome
• Firefox
• Safari
• Opera
• Microsoft Edge
• Internet Explorer 10+

Copyright and License

• Designed and built by MOYU
• Licensed under the MIT license