Skip to main content

 

CSS with superpowers

This blog aims to improve your CSS abilities, clean up your code, and save a lot of time by using Sass.

Sass, which stands for Syntactically Awesome Stylesheet, is a Cascading Style Sheets (CSS) extension and has the “.scss” file extension.

it is completely compatible with all versions of CSS. In addition, Sass has more features and capabilities than any other CSS extension language currently available and There are an endless number of frameworks built with it: Compass, and Bourbon, are just a few examples.

        Check out for more :
        https://sass-lang.com/

However, Sass includes extra features such as CSS variables and nested rules, which make CSS more efficient and easier to edit.

Begin with the CSS variables. For instance, with CSS, if color is one that we commonly use, we must define it each time we want to utilize it. When using Sass, it is much simpler because we can utilize variables to store the repeated values.

                                       SASS variables


With Sass, you may use nesting “Using selectors inside of selectors to create a hierarchy” to maintain the cleanliness of your code.

        Check out for more about Sass Nested Rules and Properties:
        https://www.w3schools.com/sass/sass_nesting.php

A really helpful video with priceless advice that I recommend to you at the end by Coder Coder.



Thank you for reading 💜!

Comments

Post a Comment

Popular posts from this blog

  Mastering Angular Basics In this blog, we will understand the Core Concepts of Angular What is Angular? A framework designed for building client-side using TypeScript It’s used for building dynamic, single-page applications (SPAs) What are single-page applications? It is a web application implementation that loads a single web document and then updates the content of its body as the user interacts with the application. Component It is a fundamental building block of an application. (every Angular application has at least one Root component ). They encapsulate a unit of functionality, including HTML, CSS, and TypeScript logic. app.component.ts : TypeScript file that contains the logic for the root/app component. app.component.html : HTML template file that defines the structure and content of the app component's view. app.component.css : CSS stylesheet file that contains the styles for the app component's appearance. Components are reusable A component includes a Type...
Post a Comment
Read more
  Am I an entrepreneur? Are you an entrepreneur? You are an entrepreneur when you saw a need and assumes the risks of a business or enterprise. An   entrepreneur  is an individual who creates a new business, bearing most of the risks and enjoying most of the rewards. The process of setting up a business is known as entrepreneurship. The entrepreneur is commonly seen as an innovator, a source of new ideas, goods, services, and business/or procedures. According to SBA, Over 627,000 new businesses open each year, At the same time, about 595,000 businesses close each year (latest statistics as of 2008). 43% knew someone who had stopped a business in 2020 as a result of the pandemic, while 25% knew someone who had started a business amid the pandemic as stated in the   Global Entrepreneurship Monitor Research . let’s start with the profile of a good entrepreneur : Growth mindset : it’s a concept developed by Carol Dweck so he concluded that individuals who believe their t...
Post a Comment
Read more