Mastodawn

Hey nerds

Is there a way to convert this sass function so it can handle both a single and multiple properties?

@function pxToRem($pxValue) {
    @return math.div($pxValue, 16px) * 1rem;
}

When I use it I call it like so:

@Include mixin.spacing('margin', 10px);

Which converts any px input to rem, no problem, but it's a pain if I want to write out

@Include mixin.spacing('margin', 10px 20px 0 10px);

Or similar, trying to work out if I can do everything in a single function.

#SASS #SCSS #CSS #FrontEnd #FE #WebDev #FediHelp #FrontEndDevelopment #TechFediHelp

Front End Sheffield 3d ago

First up next week at our May 28th Meetup is Thomas Baker:

👓 He's going to make the case that we should drop vanilla #CSS completely and embrace Sassy CSS.

Whether or not that's in its #SCSS form or - for those of us who are terrified of { brackets } and intimidated; by; colons; - the #Sass form… he's sure to let us know!

#FrontEndDevelopment #Sheffield #Meetup

https://www.meetup.com/front-end-sheffield/events/314557160/

28th May '26: Kneel before Zod & a touch of Sass, Thu, May 28, 2026, 6:15 PM | Meetup

*prev. known as "Shopping with Sass & style (sheets)" - renamed due to different talk content!* We're back at SHU in Room 12.4.12 at the **Charles Street Building**, Sheff

Meetup

Show thread

Ramesh Gupta May 5

⬆️ @rasterweb

>> Also, if you are human go make a web site without AI.

These days, even what we used to call simple #responsiveDesign is recast as #intelligentDesign that automatically responds to changing media/environment.

Everybody and their mother wants in on #AI. Even #CSS and #SCSS are AI now 🙄

Habr Apr 7

[Перевод] Ты не можешь построить жизнеспособную дизайн-систему на Tailwind — Часть 1

Tailwind отлично работает для быстрого прототипирования, но становится проблемой когда проект растёт. Разбираю три подхода к построению дизайн-системы на Tailwind — CVA, CSS-переменные и @utility — и объясняю почему каждый из них не решает проблему комбинаторного взрыва вариантов.

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

#css #tailwind #дизайнсистема #фронтендразработка #ui_библиотека #scss #less

Ты не можешь построить жизнеспособную дизайн-систему на Tailwind — Часть 1

Tailwind отлично подходит для прототипов. Но когда проект растёт, его основная концепция становится именно той причиной, по которой ваша дизайн-система разваливается. Недавно в посте на LinkedIn я...

Хабр

Bryce Wray Apr 2

Post >> Hugo’s new CSS powers • A recent update can make it easier than ever to style your site, depending on how you want to do that styling.

https://www.brycewray.com/posts/2026/04/hugos-new-css-powers/

#CSS #webdev #Hugo #preprocessing #postprocessing #PostCSS #LightningCSS #Sass #scss #esbuild #cssBuild

Hugo’s new CSS powers

A recent update can make it easier than ever to style your site, depending on how you want to do that styling.

Bryce Wray

Show thread

devolute Mar 24

@zeldman I'm considering this approach on my next big project - but with primitives in #SCSS - so I can use color/math magic - and the semantics in CSS `--variables`. I don't know if this is bananas yet.

Habr Mar 23

Модульная система 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

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

Ситуация Раньше в Sass был только @import , который просто копировал содержимое одного файла в другой. Это создавало проблемы: глобальное загрязнение, конфликты имён, дублирование кода. Начиная с Dart...

Хабр