Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/moyus/pointcss
A lightweight and flexible CSS Framework for building modern responsive web apps
https://github.com/moyus/pointcss
bem css flexbox framework front-end mobile-friendly point responsive sass web
Last synced: about 1 month ago
JSON representation
A lightweight and flexible CSS Framework for building modern responsive web apps
- Host: GitHub
- URL: https://github.com/moyus/pointcss
- Owner: moyus
- License: mit
- Created: 2017-03-08T17:02:32.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-17T16:07:56.000Z (about 4 years ago)
- Last Synced: 2024-10-08T21:04:51.669Z (about 1 month ago)
- Topics: bem, css, flexbox, framework, front-end, mobile-friendly, point, responsive, sass, web
- Language: SCSS
- Homepage: https://moyus.github.io/pointcss
- Size: 1.04 MB
- Stars: 32
- Watchers: 6
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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
```sh
yarn add @moyu/pointcss
```
##### NPM
```sh
npm install @moyu/pointcss --save
```
##### Download and use production file
```html
```
## Customization
**pointcss** is coded in [SASS](http://sass-lang.com/), If you're familiar with it, You can continue
##### Install the dependence
```sh
yarn add @moyu/pointcss --dev
```
##### Set your variables
you can reference all initial variables in `scss/_variables.scss`
```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
```scss
// overwrite variables
$color-primary: #636AFF;
// your code
@import "node_modules/@moyu/pointcss/point"
```
## Browser Support
pointcss uses [Normalize.css](https://necolas.github.io/normalize.css/) for CSS
reset and [Autoprefixer](https://github.com/postcss/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](https://moyu.io)
- Licensed under the [MIT license](https://github.com/moyus/point/blob/master/LICENSE)