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 🤔
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:
[data-class='Form'] {
&-status {
&--complete {
color: $c-state-orange;
}
&--in-progress {
color: $notice-icon-pending;
}
&--expired {
color: $c-state-gray;
}
}
}
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:
[data-class='Form {
&-status {
...
}']
#css #sass #scss #stylesheets #html #FrontEnd #FrontEndHelp #WebDev
Microsoft forced me to switch to Linux
https://www.himthe.dev/blog/microsoft-to-linux
#ycombinator #Bogdan #Mihai #Mosteanu #fullstack #developer #web #nextjs #react #typescript #vue #laravel #php #javascript #css #scss #html #tailwindcss #team_lead #bogdan_mosteanu_hey_com #xndbogdan #xnd_bogdan
#Charlicature v1.1 - Fait avec Wordpress, un peu de #php de #wordpress et #scss évidemment... #caricaturiste #artist
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
What do you do when you run out of time?
Me: I build my own clock. 😅
Подборка вопросов для собеседования Frontend-разработчика
Статья представляет собой подборку актуальных вопросов и ответов, которые часто встречаются на собеседованиях по фронтенд-разработке. Материал охватывает ключевые темы: HTML, CSS, JavaScript, Typescript, React и Next.js. Каждая секция содержит практические вопросы с разбором правильных решений, пояснениями и примерами кода, что позволяет читателю не только подготовиться к собеседованию, но и углубить понимание основных принципов фронтенд-разработки. Статья будет полезна как начинающим, так и опытным разработчикам, желающим систематизировать знания и освежить навыки перед интервью.
Neu im Forum:
Fehler beim Import mit ws_scss
Почему мы все еще используем SASS в 2025 году
Привет, Хабр! На связи Герман Frontend-разработчик в Webest, и сегодня хочу поделиться тем, почему мы продолжаем использовать препроцессор SASS/SCSS в наших проектах, несмотря на растущую популярность Tailwind и CSS-in-JS решений. К слову, мы не «олдскульные фанаты» SASS, и Tailwind тоже используем, но в зависимости от типа проекта. Комбинированный подход дает гибкость, особенно в масштабируемых фронтенд-системах.
Opened an issue to Mastodon Bird UI: Major rewrite: migrate to SCSS + Parcel for Mastodon's new CSS custom properties system https://github.com/ronilaukkarinen/mastodon-bird-ui/issues/172
I don't have time to work on this for a while, but I already have a plan.
#MastodonBirdUI #BirdUI #CSS #MastoAdmin #Mastodon #SCSS #OpenSource
[Перевод] Как использовать любой CSS-фреймворк в вашем проекте — Часть 2
Переменные Bootstrap — мощный инструмент для управления стилями , но без правильной структуры их тяжело использовать. В этой статье я расскажу, как организовать SCSS-файлы, подключать глобальные переменные и сделать их доступными во всех компонентах Angular. Такой подход не только экономит время, но и делает проект более понятным для команды. А для больших проектов на NX вы узнаете, как делиться стилями между разными приложениями и библиотеками.
https://habr.com/ru/articles/918770/
#css #bootstrap #дизайнсистема #фронтендразработка #ui_библиотека #angular #scss #less
Фиксим залипающий hover на мобильных устройствах
Что мы проверили: Залипающий hover на мобильных устройствах – частый баг. Раньше мы решали это просто плагином PostCSS Hover Media Feature, он оборачивает все псевдоклассы :hover в медиазапрос @media (hover: hover) {}. Так мы проверяли поддержку hover и отключали его на мобилках. Но во время тестирования одного проекта оказалось, что на некоторых устройствах hover продолжает залипать.
A little pure #CSS demo I made a while back on @codepen https://codepen.io/thebabydino/pen/ErwLOm
#SCSS #Sass #code #coding #frontend #web #dev #webDevelopment #webDev
Check latest interest rates: PPF, NSC, SSY & SCSS for Oct–Dec 2025 https://english.mathrubhumi.com/news/money/post-office-small-savings-scheme-rate-qym5zub2?utm_source=dlvr.it&utm_medium=mastodon #PostOfficeSchemes #PPF #SCSS #SSY #NSC
https://techinternetz.blogspot.com/2025/08/senior-citizen-saving-schemes-in-india.html
Senior Citizen Saving Schemes in India: Secure Your Golden Years
#scss #fd #fixeddeposit #seniorcitizensavingscheme #postoffice
Show HN: Windows 7 GUI for the Web
https://khang-nd.github.io/7.css/
#ycombinator #7_css #css #scss #framework #windows_7 #windows_7ui #windows_7css_framework #windows_7web
every wanna golf your css color codes? yeah, me neither. just use my postcss plugin to do it for you
https://github.com/xero/postcss-color-golf
https://npmjs.com/package/postcss-color-golf
#npm #js #postcss #css #scss #sass #style #css3 #optomization #golf #codegolf
