Mam problem z scss, mianowicie mam pliki globalne vars, colors itd oraz do każdego pliku jsx plik scss, w folderze, parami.

W webpacku mam skonfigurowane, że każdy plik scss jest modułem (nie musi mieć w nazwie module) i teraz problem: kiedy buduje jakiś komponent i używam gotowych UI, to po jakiś czasie program wygląda inaczej niż ja go zostawiłem. Pojawiają się podkreślenia, przeskoki, zmieniają się bordery, przy hover lub focus.

Nie mówiąc o tym, że program wygląda lekko inaczej u mnie, niż na serwerze testowym, boję się myśleć co jest na produkcji.

Ogólem
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 to, co wygląda żle.

Optymalizacje
@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
  • 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
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