Mam problem z #webpack 4

Mianowicie: mam wrażenie, że on miesza style z komponentu A, i dodaje je do komponentu B, jeśli tylko tak samo się nazywają. Na pewno dzieje się do kiedy mówimy o zagnieżdżeniu w głąb, i chyba czasem jakieś dziwy się cacheują (stare i nowe style) między komponentami równoległymi.

Nie chcę takiego czegoś, bo nie wiem jak napisać dobry scss, kiedy on "losuje" wygląd komponentów. Na razie tylko łatam
@Anon95: ja kiedyś zrobiłem w tym cały projekt i polecam, bo to była moja pierwsza i ostatnia statyczność z frontendem i udało mi się bez przygotowania usiąść i wyklepać wszystko co chciałem w miarę sprawnie, a nawet nie wyglądało całkiem jak kupa ( ͡° ͜ʖ ͡°)
  • Odpowiedz
Panowie i Panie od webówki, czy ktoś ogarnia scss-ową dyrektywe @at-root? Jaki jest z niej pożytek? Trafiłem na nią refaktoryzując kod i szczerze nie mogę znaleźć, pomimo licznych przykładów, sensownych plusów z jej zastosowania. Czy jest to faktycznie fajnie wyglądająca zabawka czy jednak ciekawostka, której na codzień się nie używa?
#programowanie #scss
  • Odpowiedz
Jak to jest z tym scss/sassem i pochodnymi.
Wiem że ile projektów tyle podejść. Doświadczenia komercyjnego nie mam. Odchodzi się powoli od tych założeń i skupia się na rozwiązaniach typu styledComponents ? W ogóle jak to się ma do siebie.

Przykładowo np startujecie z projektem komercyjnym - pracujecie z zespołem. Kto decyduje o mixingach, można sobie zasyfić projekt swoimi, czy zazwyczaj dyskutuje się o tym wcześniej ? To tak przykładowo

#javascript #
#springboot #java #reactjs #react #scss

Cześć Mirki, stworzyłem sobie projekt aplikacji Spring Boot + React.js

Dodatkowo do react.js wdrożyłem SCSS i mam problem z odświeżaniem styli SCSS bo cały czas muszę robić npm run build i restart tomcat'a. Czy ktoś robił żeby automatycznie odświeżało style i react.js dla Spring Boot?

Z góry dzięki
#scss #style #webdev

Cześć mam pytanie.
Korzystam z SCSS i chce zdefiniować sobie plik theme.scss w którym będą definicje kolorów np. primary: yellow, chciałabym użyć tego koloru primary w różnych innych plikach. robie @import '../src/theme.scss'; ale nie mogę korzystać z tego koloru - błąd kompilacji nie znajduje primary. Coś robie nie tak?
Okey, szybkie pytanko do ekspertow xD
Pisze sobie od jakiegos czasu w scss i przegladajac kod innych ludzi na githubie zauwazylem jedna rzecz..wszyscy maja kilka plikow .scss xD np. na header maja plik _header.scss itd i wszystko jest importowane do main.scss.
Do tej pory wszystko pisalem w jednym pliku main.scss i kompilowalem do main.css i teraz pytanko do Was: pisanie wszystkiego w jednym pliku jest to dobra praktyka czy musze to zmienic
@folxuxd: łatwiej się zarządza projektem jak masz to logicznie podzielone. Teraz piszesz małe rzeczy ale wyobraź sobie rozbudowaną stronę czy sklep. Jesteś pewny że chciałbyś szukać czegoś w pliku co ma 5000 linijek? Rozdzielaj na pliki i im szybciej się nauczysz tak działać tym lepiej.
  • Odpowiedz
pisanie wszystkiego w jednym pliku jest to dobra praktyka czy musze to zmienic


@folxuxd: generalnie nie jest to dobra praktyka, bo generalnie jest to zła praktyka, ale...

Zawsze należy wiedzieć dlaczego coś należy robić... i tak, po co rozbijać pojedyncze duże pliki na wiele małych, nie tylko w scss ale generalnie wszędzie...

1. Praca grupowa, jeśli pracuje się w zespole i każdy pracuje nad inną częścią aplikacji, ale de facto każdy
  • Odpowiedz
https://css-tricks.com/reverse-text-color-mix-blend-mode/

Świetnie rozwiązanie problemu wyświetlania odwróconego koloru tekstu względem tła. Z pomocą przychodzi css i blend-mode. Temat nie jest nowy, ale na pewno warto sobie chociaż podejrzeć jak się używa #scss #sass

Jedyny olbrzymi minus, to wciąż słabe wspracie przeglądarek dla background blend-mode, które aktualnie pokrywa 64% użytkowników.
#css #webdev
P.....m - https://css-tricks.com/reverse-text-color-mix-blend-mode/

Świetnie rozwi...

źródło: comment_ZlFwhiqC9TIEayIbFSIke5ECi8aULqNd.jpg

Pobierz
#webdev #sass #intellij #scss
Hej mirki. W moim phpstormie podkreśla mi błędy w selektorach typu:

.foo{
&--bar{
color: #fff;
}
}

Zakładam, że coś mam niezaktualizowane, bo kompilator ruby sass mi to bez problemu kompiluje do

.foo--bar {
color: #fff;
}

Nie mogę znaleźć odpowiedzi. :( Jakieś pomysły może macie?
Mam zagwostkę.
Jak w sassie wygenerować jakąś funkcją np 10 klas listowanych co 10?
Chodzi mi o coś takiego .pt10,.pt20...
@for robi mi +i więc średnio.

oraz czy mogę w forze dać ifa bo coś mi nie działczy.

#sass #scss #webdev
#scss #phpstorm #webdev


Pracuję sobie w PHPStorm. Przyszło do składania PSD...
Wykorzystuję Sass, gdzie rozbijam style na kilka plików i folderów, wszystko łączę w /css/main.scss
W /css/theme/_base.scss trzymam podstawowe style. Chciałbym tam wykorzystać background-image: url('../images/bg.png');, jednak PHPStorm nie potrafi odnaleźć pliku, ponieważ _base.scss znajduje się poziom wyżej, niż wskazuję, jednak w "skompilowanym" CSS ścieżka jest poprawna.
Istnieje możliwość wymuszenia w IDE czegoś jak base path czy coś, aby poprawnie rozwijał sobie