Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/psuresh21/smartscss

A Best sass framework for build typography, colors, grid, and many things too
https://github.com/psuresh21/smartscss

css front-end sass sass-framework sass-library scss scss-files scss-framework scss-library scss-mixins scss-modules smart-scss time-saver

Last synced: 3 days ago
JSON representation

A Best sass framework for build typography, colors, grid, and many things too

Host: GitHub
URL: https://github.com/psuresh21/smartscss
Owner: psuresh21
License: mit
Created: 2021-09-20T03:36:01.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2022-02-28T10:44:05.000Z (almost 3 years ago)
Last Synced: 2024-03-23T11:58:27.594Z (9 months ago)
Topics: css, front-end, sass, sass-framework, sass-library, scss, scss-files, scss-framework, scss-library, scss-mixins, scss-modules, smart-scss, time-saver
Language: SCSS
Homepage:
Size: 837 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md
- License: LICENSE

Awesome Lists containing this project

README

### What is Smart Scss ?
A Smart scss is the best time-saver tool and code written by sass. It's helpful to build quickly - like typography, grid system, colors, etc. It's got unique mixins and functions too. Once you are adapt to smart scss, you will see a good improvement in your web design.

### Why you need Smart Scss?
#### For Example:
If you try to set typography for desktop and mobile, you need to search in a particular site for getting type scale values. It makes your mind very frustrated to identify suitable fonts for particular layouts and look like a back and forth process you feel.

#### that is what smart scss comes in,

```
p {
@include typescale-rem(paragraph,16,5,4);
}

p {
font-size: 16px;
}

```

### Easy to install
#### There is three option for installs:
- paste and copy this link inside the head tag ``````
- clone the repository ```git clone https://github.com/psuresh21/smartscss.git```
- install using npm ```install smartscss --save-dev```

### Tools Used
- Sass

### Documentation
Find all documentation's in the docs folder and already placed in the master branch.

### Supported Version
- Above sass 3.0