point-sass

Point

A flexible CSS Framework for building modern responsive web apps.

• Built with Flexbox
• Mobile-First
• BEM, Namespaces, Modular, Beautiful code
• 12KB minified and gzipped

Setup

There are 3 ways to start

Install with Yarn

yarn add point-sass

Install with NPM

npm install point-sass --save

Direct <script> Include

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

Documentation

• Documentation
• Style Guide

Customize

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

1. Install the dependence

yarn add point-sass --dev

2. Set your variables

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

$master-palette: (
  primary: #e74c3c
);

$link-color: #e74c3c;

3. Import Point at the end of your code

$master-palette: (
  primary: #e74c3c
);

$link-color: #e74c3c;

// Your code

@import "node_modules/point-sass/point"

Browser Support

Point 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

Code copyright 2017 moyu. Code released under the MIT license.