[MKULTRA]

#webdev #gulp

znacie jakiś plugin do grupowania css, żeby był suchy? jak rozwiązujecie problem powtarzania się właściwości css w swoim work-flow?

[travikk]

@MKULTRA: #webpack #typescript

[IcyHot]

@MKULTRA scss?

[MKULTRA]

@IcyHot: co?

[IcyHot]

@MKULTRA googluj sobie Scss / sass

Ale jak nie znasz sassa a znasz gulpa to bardzo dziwnie xD

[MKULTRA]

@IcyHot: no właśnie. sass nie grupuje właściwości, żeby się nie powtarzały, a o to mi chodzi.

[IcyHot]

@MKULTRA scss extend ?

[MKULTRA]

@IcyHot: niby tak, ale ja mam projekt podzielony na miliard plików i potem wszystkie importuje do main.sass (#!$%@?ć {}), a chyba nie da rady extendnąć między plikami. zresztą to by było trochę mało semantyczne w moim przypadku.

[MKULTRA]

@IcyHot: ewentualnie mixin by lepiej semantycznie wyglądał, ale nie wiem czy będzie działaś między plikami

[chester]

@MKULTRA: podejrzyj jak robią inni.. Jakiś Bootstrap czy ktoś większy.
Nie kumam do końca czego potrzebujesz, ale czy nie wystarczy jakiś plik variables.sass + drugi mixins.sass i mógłbyś je dowolnie importować ? DRY zachowane.

Jeśli chodzi o samo DRY w klasach css, to może BEM?

[ennovum]

@MKULTRA: podaj przykład, bo nie wiem czego może SASS nie załatwić.

[MKULTRA]

Jeśli chodzi o samo DRY w klasach css, to może BEM?

@chester: no BEM jest. popróbuję się pobawić z tym, ale to jutro już bo nie mam głowy

@ennovum:

mam powiedzmy coś takiego

.div1
display: flex
cos
cos
cos

i tam w innym pliku

.div2
display: flex
cos2
cos2

chcę już w pliku css

.div1, div2 {
display: flex;
}

.div1 {}
.div2 {}

[MKULTRA]

wykop cannot into indentacje

[chester]

@MKULTRA: ciekawa koncepcja, ale wydaje mi sie, że to się nie da z technicznych względów - w plikach css ważna jest również kolejność deklaracje, więc takie "spakowanie" może zepsuć layout.
Z drugiej strony, narzędzie mogłoby przejrzeć kolejnosć deklaracji i pozostawić te ostatnie, więc w sumie.. dziwne, że nikt na to nie wpadł.
Czy pominąłem jakiś ewentualny problem?

[MKULTRA]

@chester: znalazłem jak to zrobić kilk

[ennovum]

@MKULTRA: a no więc właśnie, mixin-y i extends FTW. Ale @chester ma sporo racji z tą kolejnością, więc z tym drugim patentem trzeba mocno uważać.