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;
$color-danger: #ff2d20;
$color-success: #15CD72;
$color-info: #0069ff;
$color-warning: #ED6E33;
...
Import pointcss at the end of your code
$color-primary: #636AFF;
@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