Skip to content

Neha/SASS-workshop

Repository files navigation

🔮 Let's learn SASS 🔮

WELCOME

Hello, welcome to this workshop. This repo is for the code-lab organized by the Progate in collabration with JSLovers in Bangalore.

Who I am?

Hello, I am Neha Sharma, working as UI Manager. I am also the founder of Tech Community - JSLovers. JSLovers based in Delhi, Mumbai, Bangalore, and, Pune. We do monthly tech meetups.

👉 What is SASS?

SASS is CSS-preprocessor - SASS empower the CSS. SASS provides the missing features to the CSS. Such as - nesting, functions, mixins, extends etc.

👉 Why SASS?

When working on the large CSS, developers requires to write maintainable, scalable CSS. SASS provides all features to write the maintainable, scalable, and smart CSS.

👉 SASS vs SCSS?

The only difference between SASS and SCSS is - in SASS cruly brackets are optional where in SCSS cruly brackets are required. We will be using SCSS from now onwards.

👉 How to install?

One can install SCSS by using npm, ruby, dart, webpack, parcelJS, etc. For this workshop we will be using ParcelJS.

👉 How to start?

  • install SASS
  • create ile with extension .scss

👏 Features

  • nesting
  • variables
  • interpolation
  • extends
  • operators
  • flow
  • conditions
  • mixins
  • partials

👏 Code Guidelines

👏 How to use this repo

There are 7 folders of the working example of features mentioned above.

Thank you!! Did you liked it? If yes, do show your love 🌟

Join for collabration

About

SASS workshop Progate X JSLovers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published