/    Sign up×
Community /Pin to ProfileBookmark

CSS or sass

Copy linkTweet thisAlerts:
Jul 15.2019

This is a spinoff tracknuts recent thread. I was under the impression that sass stood for software as a service but apparently.it also means syntactically awesome stylesheets. Who knew!! So are there any benefits to sass, what’s the browser support like? What in hell is preprocessed CSS?

to post a comment
CSS

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@NogDogJul 15.2019 — https://en.wikipedia.org/wiki/Sass_(stylesheet_language)

Basically, it's a scripting language used to generate CSS.
Copy linkTweet thisAlerts:
@coleioauthorJul 15.2019 — So this type of thing is probably better for bigger projects? Is it back end?
Copy linkTweet thisAlerts:
@tracknutJul 15.2019 — Software as a Service is SAAS :)

SASS I suspect is usually used on large projects. It's a backend thing to add a higher layer to CSS. Your browser doesn't know about SASS, it just sees the CSS after it's been processed.
Copy linkTweet thisAlerts:
@coleioauthorJul 16.2019 — Now I feel stupid thanks mate
Copy linkTweet thisAlerts:
@codyhillJul 16.2019 — @coleio#1606323 SASS is another way of writing CSS. Nothing support SAAS that's why you need to compile the SASS into CSS. What this means is that you write SASS and the code compiler is turning it into CSS. If you make a SASS file in VS Code, automatically the extension that compiles the SASS creates a CSS file and you can see it live when you write SASS how it rewrites the code in CSS. That's it! nothing special. Why would you want to use SASS instead of CSS? Well, you have some useful tools like Nesting. You can have variables... you also have a mixin that is just like a function in JS. etc. Basically you write CSS faster.
Copy linkTweet thisAlerts:
@LouisSayersJul 17.2019 — As @PaulRogojan mentions, the browser doesn't understand SASS, it only understand CSS.

It's a more concise way of writing CSS where instead of using curly brackets you use indentation and nesting when defining your styles.

There's a whole heap more to it, but essentially it saves you writing more lines of CSS than you have to.

The downside is that as Paul mentioned, there's a compilation step required to convert SASS into CSS.
Copy linkTweet thisAlerts:
@zafirkalvinJul 17.2019 — @coleio#1606323 CSS

@NogDog#1606325 [url=https://testmyspeed.onl/][color=#000000]Speed Test[/color][/url] [url=https://scrabblewordfinder.vip/][color=#000000]Scrabble Word Finder[/color][/url] [url=https://solitaire.onl/][color=#000000]Solitaire[/color][/url] i agree with you
Copy linkTweet thisAlerts:
@JeyRed76Feb 17.2020 — If to be honest, for me this is not very clear and a little bit difficult. During my studies, I also often encounter questions that I don’t quite understand, and sometimes even Wikipedia can't help me, so I use this [useful source] and often I can find the answer to my questions and get a lot of inspiration. The main advantage is that it's free, for me as a student it is important!!
Copy linkTweet thisAlerts:
@VITSUSAFeb 18.2020 — @coleio#1606323 we can also help you. To know about us click on mentioned hyperlink -

https://www.vitsusa.com/our-team/
Copy linkTweet thisAlerts:
@chinachinJun 05.2020 — I really need this information, can I share it on my profile? Will I write the coppy source and author below. Thank [word counter tool](https://wordcounter.tools)
Copy linkTweet thisAlerts:
@siddhi_patelJun 08.2020 — Hello,

CSS: Cascading Style Sheet

SCSS: Sassy Cascading Style Sheet


  • 1. Imagine, that you have your brand color hexcode and you want to reuse it again for background or for text colors or shadows etc.


    • In CSS, you would copy that hexcode and paste it wherever you want to use.

    In SASS, you store the hexcode in a variable and use the variable wherever you want to.

    Eg.

    $color:#df7813

    a {color:$color}

    Now you can use the variable where you want it.

  • 2. SASS, allows you to use functions called as mixins. A good use of a mixin is for vendor prefixes.

    Go thru their site for examples


  • 3. SASS has something called partials where you can separately write you SASS code

    depending on their purpose.

    Like write all your color related SASS in one file. Media queries in another one.

    Variables in another. And just import them in your main file.

    CSS:

    .box {

    width: 100px;

    height: 100px;

    display: inline-block;

    }

    SASS:

    .box

    width: 100px

    height: 100px

    display: inline-block

    I hope this will help to you
    • ×

    Success!

    Help @coleio spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.8,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...