YCYuvraj Chettriinchettriyuvraj.hashnode.dev·Jan 26, 2022 · 3 min readHow to structure your SASS codeWhat is the 7-1 architecture? Is it ideal to write our SASS styles in the form of one big, monolithic file? Nope! For this reason we employ the 7-1 architecture, dividing the styles into partials in 7 different folders (we will come back to what p...00
YCYuvraj Chettriinchettriyuvraj.hashnode.dev·Jan 26, 2022 · 3 min readSASS for dummiesWhat is SASS? SASS is a CSS pre-processor. It extends CSS to add functionalities such as variables, nesting and functions. This makes CSS reusable, easier to write and more maintainable. At runtime, the SASS code is compiled to regular CSS code wh...00
YCYuvraj Chettriinchettriyuvraj.hashnode.dev·Jan 19, 2022 · 4 min readBEM naming convention in CSSWhy use a class naming convention for CSS? It is possible to name classes in CSS without a well-defined convention. However, as projects start to grow larger, the lack of a class naming convention can negatively impact scalability. Haphazard namin...00
YCYuvraj Chettriinchettriyuvraj.hashnode.dev·Jan 18, 2022 · 3 min readFont Size units in CSSPixel(px), Rem and Em are the 3 units that I use on a daily basis for setting font-sizes on CSS stylesheets, let's take a closer look at each one. Pixel A pixel(px) value is independent of the OS and is more or less consistent across browsers. It is...00
YCYuvraj Chettriinchettriyuvraj.hashnode.dev·Jan 17, 2022 · 3 min readCSS ResetWhy do I use this as the base CSS for any project? The jargon that you will find for this practice on the internet is CSS-Reset. CSS Reset is the standard-practice of setting CSS values to a baseline so as to prevent cross-browser inconsistencies. B...00
