Lmst

Update for Sassy dark mode https://no-pe.netlify.app/dark-mode/

Short version: I want light/dark themes that are backwards compatible. With Dart Sass, we create two maps, one for light and one for dark colors. Then, we use them in a `mixin` for all our color information. Finally, we include it twice: once as the default and once behind the media query.

#hugo #sass #css #DarkTheme #LightTheme

I’m going to be #Sass’y today, just you wait!

Gas Up Yr Hearse! – Coma Regalia Split
#Emoviolence #Grindcore #Punk #Sass #Screamo #Whitebelt #Bloomington
CC BY-NC-SA (#CreativeCommons Attribution Non Commercial Share Alike) #ccmusic
https://gasupyrhearse.bandcamp.com/album/coma-regalia-split

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

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

Went for 5.5 hours last night and a lot of that was RAIIIIDS!

https://youtu.be/ZLcD_4L9NaU

#ZacharyFoxx #caffeinatedgaming #smallstreamer #smallstreamers #Palworld #Pals #openworld #sandbox #survival #monstercollecting #monsterhunting #caffeine #caffeinated #twitch #twitchstream #twitchstreamer #silly #comedy #sass #sassy

Palworld in an hour!

Only on:

https://www.twitch.tv/nidonemo

#ZacharyFoxx #caffeinatedgaming #smallstreamer #smallstreamers #Palworld #Pals #openworld #sandbox #survival #monstercollecting #monsterhunting #caffeine #caffeinated #twitch #twitchstream #twitchstreamer #silly #comedy #sass #sassy

So I channeled my stubbornness last night, and went full fox mischief as well.

https://youtu.be/aMrZZvEcgIQ

#Nidonemo #ZacharyFoxx #EldenRing #adventure #RPG #VideoGames #OpenWorld #TarnishedAdventures #Relaxed #Gaming #Furry #Furries #Comedy #Humor #Silly #Sass #Sassy #Fun #Funny

Elden Ring tonight at 8pm! Gonna try to take care of the first boss!

Only on:

https://www.twitch.tv/nidonemo

#Nidonemo #ZacharyFoxx #EldenRing #adventure #RPG #VideoGames #OpenWorld #TarnishedAdventures #Relaxed #Gaming #Furry #Furries #Comedy #Humor #Silly #Sass #Sassy #Fun #Funny

[Перевод] Как совместить утилиты и рукописный CSS в атомарном подходе?

Всем здравствуйте, дорогие читатели! Меня зовут Рамазан, я Frontend-разработчик, энтузиаст и я люблю исследовать грани возможностей современных Web-технологий. В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.

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

#atomic_css #mlut #tailwindcss #css #cssфреймворк #cssанимации #верстка #sass #utilityfirst