Skip to content
/ pointcss Public

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

License

Notifications You must be signed in to change notification settings

moyus/pointcss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm (scoped) npm bundle size (scoped)

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