point-sass

A flexible CSS Framework for building modern responsive web apps.

Usage no npm install needed!

<script type="module">
  import pointSass from 'https://cdn.skypack.dev/point-sass';
</script>

README

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

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.