Sarah · @starrymom
14 followers · 94 posts · Server mstdn.social

I made a dark mode toggle, which applies the .dark class to the body (body class="dark").

I used a SCSS mixin & see it at the bottom of the full stylesheet.

It's not overriding the body class properties.

I don't know what I'm doing wrong.

Codes:

@Media (prefers-color-scheme: dark) {@include dark-mode;}

@mixin dark-mode {
body {
&.dark {
background: $color-darkgrey;
color: $color-cream;
}
}
}

Using !important doesn't help.

#webdesign #WordPress #darkmode #scss #CSS

Last updated 1 year ago

Mike · @mikestreety
275 followers · 530 posts · Server hachyderm.io

We've had an internal linter for years, which is built on a PHP framework.

You run the linter you want and append `--fix` if you want it to resolve issues (if it can)

It lints things like , as well as (via and ), files and even TypoScript files - all by using the open source libraries available.

It means all our developers can adhere to central linting conventions without having to update local config files.

#symphony #js #scss #php #rector #Phpstan #composer #TYPO3

Last updated 1 year ago

GENKI · @nibushibu
559 followers · 9487 posts · Server social.vivaldi.net

を 1 行書き換えただけで数十秒待たされる開発環境つらい

#scss

Last updated 1 year ago

drupalthoughts · @drupalthoughts
65 followers · 123 posts · Server fosstodon.org

i'm updating a 8 site to 10 and tumbling through some of the changes in class conventions, maybe due to the outdated theme? where underscores are now hyphens and various <div> have appeared and disappeared 😬
is there a standard/programmatic way to update the classes at least? 🤔

#drupal #css #scss #sass #radix

Last updated 1 year ago

Josh · @pursuit
22 followers · 151 posts · Server hachyderm.io

Good morning ☀️

Blog page has been optimized for mobile, at least better than it was. More functionality will be coming as more posts appear 👏🏼

#webdev #html #astro #css #sass #scss #GithubPages

Last updated 1 year ago

Josh · @pursuit
19 followers · 136 posts · Server hachyderm.io

how did optimization for mobile fail this badly for the blog page 😭

#sass #scss #css #html #js #webdev #frontend

Last updated 1 year ago

Christian Alder 🌱 · @christian
281 followers · 86 posts · Server aldr.social

Is there a support group for folks that say they will separate and structure their SASS/SCSS properly, but then just end up writing it all into one file?

😬

#css #scss #frontend

Last updated 1 year ago

Dale Emery · @dhemery
247 followers · 482 posts · Server mstdn.social

I've spent most of my vacation catching up on what's new(-ish) in , and applying it to my websites. It's all part of my project to move everything from to .

I'm quite surprised to find that, for my relatively simple needs, CSS custom properties do everything I was using for. And 'display: grid’ makes layout so much simpler.

Kevin Powell's YouTube channel has been very, very helpful: youtube.com/@KevinPowell

#scss #hugo #jekyll #CSS

Last updated 1 year ago

Thomas Michael Semmler · @nachtfunke
386 followers · 1302 posts · Server indieweb.social

am I just dumb, or is there really no option to just flatten a list in ?

Given, let's say, `$font-weights: (100, 300, 500, 600, 900)`. How are you dumping this into a single string?

I'm currently just writing a custom function that concatenates the values and prints it out. But it feels like such a basal operation, that there _should_ be an internal for it, yet I cannot find it.

#scss

Last updated 1 year ago

Thomas Michael Semmler · @nachtfunke
387 followers · 1272 posts · Server indieweb.social

or maybe this just reveals my misunderstanding of modules in . I thought that it only concatenates, when `@use 'partial';` or `@use 'partial' as *`.

But I believe now, that it concatenates every time, just like `@import`, with the only difference that members can now be namespaced.

#scss

Last updated 1 year ago

Doce :verinb: · @doceazedo
14 followers · 16 posts · Server bolha.us

I'm officially open to work! 🚨 BoostOK

If you're looking for someone with mad frontend skills and ~5 years EXP, look no further!

🎨 I love working with , , and

🧰 I also have experience with Node.js (SvelteKit, Next, SocketIO, etc)

🤝 Most of my projects are open-source (link below)!

If you want to see more of my work or get in touch:

🌐 Website: doceazedo.com
💼 LinkedIn: linkedin.com/in/doceazedo
🐙 GitHub: github.com/doceazedo

Thanks! blobcathearthug

#typescript #svelte #react #scss

Last updated 1 year ago

Thomas Michael Semmler · @nachtfunke
384 followers · 1247 posts · Server indieweb.social

Yooo I think I learned something new about . I am iterating over a map that is not uniformly defined. It has 4 fields: start, end, from, to. But from & to are not always defined.

I am passing its values to a function that accepts 4 parameters, the last ones are optional and are defined with !default.

Now, when the original map does not have 'from' or 'to', it fails because it tries to operate with null.

Should `null` in a parameter not mean that the function uses the default?

#scss

Last updated 1 year ago

Thomas Michael Semmler · @nachtfunke
382 followers · 1219 posts · Server indieweb.social

I'm trying to once again meaningfully unify how I abstract code in and Cascade Layers in

Consider a scss library that has lots of folders and barrel files, `components/_index.scss`. Each component may be its own (nested) layer, but I cannot export them into a single, unified `components` layer, because I cannot put @layer before @forward/@use.

I could have something like `$layer1: 'components' !default; $layer2: 'button' !default` and then @forward with(...) it, but that's nasty

#css #scss

Last updated 1 year ago

Philipp · @philipp
177 followers · 967 posts · Server social.anoxinon.de

„When in doubt it out!“

Watched episode 8 of ‘s 101 about Classes and Styling.

Love that I got into , together with BEM I finally have orientation when naming the classes. Big shoutout to the Devs from as well!

youtu.be/TMDwPYnJC0g

#bem #kevingeary #pagebuilder #css #scss #wordpress #wpcodebox

Last updated 1 year ago

Epiphyt · @epiphyt
30 followers · 35 posts · Server dewp.space

At the last meetup @wp0711, @bovelett gave a presentation about and we took the opportunity to test our websites.

Surprisingly, we had some contrast errors in our buttons despite using a function to automatically calculate the correct contrast.

Turns out, most contrast calculation functions for SCSS are incorrect according to the WCAG 2 specifications.

So I found a smooth solution for that:
epiph.yt/en/blog/2023/fix-your

#scss #accessibility #wordpress

Last updated 2 years ago

Epiphyt · @epiphyt
30 followers · 35 posts · Server dewp.space

Beim letzten Meetup @wp0711 hat @bovelett eine Präsentation über gegeben und wir haben dies zum Anlass genommen, unsere Websites zu testen.

Erstaunlicherweise hatten wir einige Kontrastfehler in unsere Buttons, obwohl wir eine -Funktion zur automatischen Berechnung des richtigen Kontrasts verwenden.

Stellt sich raus: die meisten Funktionen, die man dafür findet, sind nicht WCAG-2-konform.

Zum Glück habe ich eine Lösung dafür gefunden:
epiph.yt/blog/2023/korrigiere-

#scss #barrierefreiheit #wordpress

Last updated 2 years ago

hypno · @hypno
27 followers · 71 posts · Server universeodon.com

Ready to tackle today!🤓 I've heard it's a love-it or hate-it kind of thing. Will I end up on team love or team hate? Stay tuned! 😄 Any tips for someone coming from pure and

#tailwindcss #css #scss #frontend #WebDev

Last updated 2 years ago

Eric Scott · @LeafyEricScott
281 followers · 754 posts · Server fosstodon.org

It seems like the custom.scss that I wrote and definitely works with quarto preview isn't working when my website is published to . Anyone else experienced this? I'm probably just doing something wrong.

#netlify #QuartoPub #scss

Last updated 2 years ago

Maria 🦸🏻‍♀️✨ · @emdev
44 followers · 177 posts · Server masto.es

Ya pasó la Workation, y bien agradecida. Me pegue unos buenos madrugadones, aprendí mucho sobre y parece que ya puedo ayudar a la empresa con sus tiendas digitales. No sé porque, pero el síndrome de impostor siendo desarrolladora me acompaña. Me contrataron como Frontend y ya trabajo de Fullstack. Y si me encanta mi trabajo. Lo único es, que me muevo entre Devops y ajustes de Diseño en

#docker #scss

Last updated 2 years ago

Maurice vd Ḙ̷rv̥̙̀e̹͚͍ · @DeEchte
25 followers · 206 posts · Server mastodon.nl

Open close animation driven by /

codepen.io/m_vd_e/pen/VwEYjqR

#css #scss #svg

Last updated 2 years ago