material-design-lite VS Sass

https://getmdl.io/ No specific framework (e.g React, Angular) required

Also, since I was not sure if this was an MDL specific bug, I opted to post this question here instead of on their issues page. If anyone thinks I should post it there as well, let me know, and I can do that.

Material Design Lite - 32K⭐ - Last update: June 2017

Materialize, Material UI, Material Design Lite

I would recommend looking into an alternative such as https://getmdl.io/

Latest stable version: 1.3.0 Github stars: 31.8K Development: without activity for 5 years Long of active development: 2 years Active maintainers: 0 Contributors: 178 Number of commits: 2872 License: Apache Used by: 11.1K Github projects Git repository: https://github.com/google/material-design-lite

Projects: google/material-design-lite, tastejs/todomvc, GoogleChrome/workbox, GoogleChromeLabs/quicklink

google/material-design-lite - Material Design Lite Components in HTML/CSS/JS

Attractions is a UI kit for Svelte that includes 49 components and a collection of helper functions. It uses Sass for styling. Although the Attractions kit seems promising and the components look really nice, it's not very actively supported right now and its future is uncertain.

SCSS (SASS) for styling.

We took our time evaluating different options and ultimately landed on a focused set of technologies: Next.js, TypeScript, Redux Toolkit, SASS, and Axios. This combination offers a powerful and manageable foundation for our project, avoiding the pitfalls of an overly complex tech stack.

SASS(.scss) [ https://sass-lang.com ]

Traditionally CSS lacked features such as variables, nesting, mixins, and functions. This was frustrating for Developers as it often led to CSS quickly becoming complex and cumbersome. In an attempt to make code easier and less repetitive CSS pre-processors were born. You would write CSS in the format the pre-processor understood and, at build time, you'd have some nice CSS. The most common pre-processors these days are Sass, Less, and Stylus. Any examples I give going forward will be about Sass as that's what I'm most familiar with.

CSS stands for Cascading Style Sheets, and is a scripting language used to style web pages. SCSS stands for Syntactically Awesome Style Sheet, and is a superset of CSS. You can think of SCSS as the more advanced version of CSS, which comes with several features that CSS does not support, such as the SCSS nested syntax, as shown below.

Scss

In the past, you’d need to rely on pre-processors such as SaSS or Less, but not anymore… Native CSS nesting has landed on all major modern browsers.

Sass is also a css preprocessor. Op is likely confused

sass -> An improvement over CSS. It provides nice features for managing CSS. good for mid-sized or even larger projects.