Модульная система Sass: руководство по @use

Раньше в Sass был только @import , который создавал кучу проблем: глобальное загрязнение, конфликты имён, дублирование кода. В новых версиях (Dart Sass) @import объявлен устаревшим — вместо него пришли @use и @forward . Переход на модульную систему — это не просто замена одного слова на другое, а смена парадигмы. Теперь каждый файл — изолированный модуль со своим пространством имён. В статье на реальных примерах показано: как подключать переменные, миксины и функции через @use ; почему больше не работает @import 'file' и как исправить старый код; что такое встроенные модули ( math , list , map , string , color ) и зачем их подключать вручную; как гибко настраивать темы через !default и with() ; чем @forward отличается от @use и как с его помощью собирать публичное API проекта; как избежать ошибок с повторными импортами и конфигурацией. Материал будет полезен всем, кто пишет на Sass и хочет идти в ногу с развитием инструмента.

https://habr.com/ru/articles/1013818/

#предпроцессор_scss #scss #dart_sass #dart_sass_300 #sass

For fun I am re-teaching myself SCSS after not doing any since 2015. Learning curve will be steep at first, but it will be worth it.

#scss #RelearningStuff #webdev

Bulma modularity is great for saving resources, but it's hard to know what should be imported to make things work.

https://bulma.io/documentation/start/modular/

I struggle to make modals work. Some imports are obviously missing, but which ones, that is the question 🤔

#Bulma #CSS #SCSS #SASS #WebDesign #WebDevelopment

Un test simple pour un effet "fixe" à une certaine position - Très bien pour faire des sommaires : Grid + block sticky - Si ça peux resservir ? Tant mieux ! #scss #css #sticky

https://codepen.io/BKaernel/pen/OPXwmqO

Hmm, is there a way to use sass combinators with attribute string concatenation for the value?

Here are my outputs:

data-class="Form-status--complete"
data-class="Form-status--in-progress"
data-class="Form-status--expired"

I want to do something like this:

Of course that doesn't work. But I am not sure if I can avoid repeating myself

I am assuming you can't just open the square brackets and wrap them around your logic like:

#css #sass #scss #stylesheets #html #FrontEnd #FrontEndHelp #WebDev

#Charlicature v1.1 - Fait avec Wordpress, un peu de #php de #wordpress et #scss évidemment... #caricaturiste #artist

https://caricaturiste-animation.com/galerie

One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe

A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.

#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS