Starter Project – Smart Scss

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, …


This content originally appeared on DEV Community and was authored by psuresh21

Alt Text

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 type scale(paragraph,16,5,4);
}

p {
  font-size: 16px;
}


Github


This content originally appeared on DEV Community and was authored by psuresh21


Print Share Comment Cite Upload Translate Updates
APA

psuresh21 | Sciencx (2021-09-20T04:58:45+00:00) Starter Project – Smart Scss. Retrieved from https://www.scien.cx/2021/09/20/starter-project-smart-scss/

MLA
" » Starter Project – Smart Scss." psuresh21 | Sciencx - Monday September 20, 2021, https://www.scien.cx/2021/09/20/starter-project-smart-scss/
HARVARD
psuresh21 | Sciencx Monday September 20, 2021 » Starter Project – Smart Scss., viewed ,<https://www.scien.cx/2021/09/20/starter-project-smart-scss/>
VANCOUVER
psuresh21 | Sciencx - » Starter Project – Smart Scss. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/20/starter-project-smart-scss/
CHICAGO
" » Starter Project – Smart Scss." psuresh21 | Sciencx - Accessed . https://www.scien.cx/2021/09/20/starter-project-smart-scss/
IEEE
" » Starter Project – Smart Scss." psuresh21 | Sciencx [Online]. Available: https://www.scien.cx/2021/09/20/starter-project-smart-scss/. [Accessed: ]
rf:citation
» Starter Project – Smart Scss | psuresh21 | Sciencx | https://www.scien.cx/2021/09/20/starter-project-smart-scss/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts