What Is SCSS?

What is SCSS? - SCSS And SASS makes css fun again. - Sass has two syntaxes. The most commonly used syntax is known as “SCSS” (for “Sassy...






What is SCSS?

- SCSS And SASS makes css fun again.
- Sass has two syntaxes. The most commonly used syntax is known as “SCSS” (for “Sassy CSS”), and is also a  superset of CSS3’s syntax. This means that every valid CSS3 stylesheet is valid SCSS also. SCSS files use the extension .scss.
- You all realize that css is fairly sweet to development and tweak your page.
- This is just awesome. I've experienced it felt awesome!
- We have said that this is giving many features like variables, nesting, mixins, loop etc.
- There is also a language called SASS which is giving many features like scss.
- In the SASS, It don't require of specific brackets, semicolon, etc.
- Means if you write in CSS....sample
  width: 20px;
  background: red;
  height: 20px;


then in SASS...

.sample
  width: 20px
  background: red
  height: 20px

- So This is cool, Isn't it.
- So after using the scss and sass, I am really impressed.
- We have also written many posts on css guides.

Also Read

CSS Guide to Newbie Blogger part-2

CSS Guide to Newbie Blogger part-1


Why use it?

- These languages will save our time as it's giving many features in comparison to the css.
- SCSS offers you help in the larger project by using loops, variables, mixins etc.
- In SASS, we've declared you don't require to write special characters etc inside it.
- Scss encourage all css. Means css is roofed in scss.
- I have just made a demo by making use of codepen to show you how it works?
- Just navigate to the SCSS tab. See the Pen Fully Responsive menu by kaushalya (@kman) on CodePen

- You can see that i've used many variables etc.
- So that is just a simple example of it.
- In result view, you can see that how cool menu we now have built that is fully responsive.
- So keep updating with this blog to find out more.
- If you want to find out about it click.
Thanks and when any queries then just comment or call us.



COMMENTS

http://videohive.net/?ref=gimmegfx

http://themeforest.net/?ref=gimmegfx

http://audiojungle.net/?ref=gimmegfx

Name

blogging,255,computing,705,ebook,53,ebooks,354,freebies,358,graphics,225,IFTTT,3,internet,207,mobile,252,news,99,sharedtutor,78,slider,2,video tutorials,5,VideoHive,1156,YouTube,1005,
ltr
item
SharedTutor Tutorials For Everyone: What Is SCSS?
What Is SCSS?
http://4.bp.blogspot.com/-7IPc9Dq4FDY/UfJy6LoZLJI/AAAAAAAAA-0/SSlqc_G6imE/s1600/scss+and+sass.jpg
http://4.bp.blogspot.com/-7IPc9Dq4FDY/UfJy6LoZLJI/AAAAAAAAA-0/SSlqc_G6imE/s72-c/scss+and+sass.jpg
SharedTutor Tutorials For Everyone
http://www.sharedtutor.com/2013/08/what-is-scss.html
http://www.sharedtutor.com/
http://www.sharedtutor.com/
http://www.sharedtutor.com/2013/08/what-is-scss.html
true
1970043136941886328
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy