pyroxar
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,
1
  • Najlepsze
  • Wszystkie komentarze
rolling_stone_with_no_hope
rolling_stone_with_no_hope
@pyroxar: programista15k a ten jakieś CSS mi tu głowę zawraca
5
mjr_bien
@pyroxar: przeczytałem SCCS i zacząłem się bać
0
pyroxar
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
0
  • Najlepsze
  • Wszystkie komentarze
Rst00
@pyroxar: po co ktokolwiek miałby tracić swój czas jak Ty nawet nie potrafisz później odpisać czy podziękować? xD
0
Livian
@pyroxar: używanie tych samych nazw nie jest zbyt dobrą praktyką, jeżeli możesz edytować nazwy klas to poczytaj np o metodyce BEM
0
pyroxar
Jak mogę stylizować ten dymek podpowiedzi (autofill) przy input? żeby był tak szeroki jak w google. Ale wiem, że oni mają normalnie diva z ul...., więc nie wiem czy się da.

#css #react #javascript #html #programowanie #scss #programowanie #programista15k
1
  • Najlepsze
  • Wszystkie komentarze
lobo
@pyroxar: https://css-tricks.com/almanac/selectors/a/autofill/
https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
Jak chcesz zrobić jak google musisz zrobić elementy html i okodować je js
2
lobo
@pyroxar: Nie, nie możesz to nie było by bezpieczne. Masz mnóstwo komponentów do autofilla dostępnych w necie.
1
A.....5
Ktoś w #angular używa Angular Material? Czy lepiej samemu robić style w #css i #scss ?
#programowanie
0
  • Najlepsze
  • Wszystkie komentarze
justice_league
@Anon95: Głównie od projektu, jeśli angular material spełnia wymagania i jest w miarę zgodny z makietami to ok, jeśli chcesz go używać, ale potem dostosowywać wygląd to już trochę gorzej( no chyba że to pierdoły kolorki itp). Nie lubię ich formularzy. Zawsze robię sporo swoich kontrolek, a ten ich MatFormFieldControl trochę uciążliwy
1
T.....a
T.....a
@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 ( ͡° ͜ʖ ͡°)
1
Campell
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
0
NiewzruszonaMasa
NiewzruszonaMasa
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
0
  • Najlepsze
  • Wszystkie komentarze
WewnetrznySpokoj
@NiewzruszonaMasa: Wszystkie podejścia widziałem w użyciu: monolit scss, indywidualne stylesheety dla componentów, css modules, styled components, czasem np. oskórkowana biblioteka UI.
1
Krall
@NiewzruszonaMasa ja przechodzę w projektach ze StyledConponenets na SCSS modules I w 95% jest bajka
0
Dominias
#programowanie #css #scss
Mam pytanie, chciałbym dodać animację do ikonki - na kliknięcie "prostuje się" i wygląda jak plus, na kolejne kliknięcie wraca do pierwotnej pozycji i tak na zmianę. Może mi ktoś pomóc jak to ugryźć?

https://stackblitz.com/edit/mat-icons-gdkvec?file=app/icon-overview-example.ts
1
  • Najlepsze
  • Wszystkie komentarze
dzimen
#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
0
  • Najlepsze
  • Wszystkie komentarze
tomaszs
0
ZacmienieKsiezyca
#pytanie #css #scss

Korzystam z SCSS'ow które później kompiluje do CSS

Czy da się zrobić jakąś regułę w SCSS żeby po kompilacji uzyskać zmienną CSS?

Chodzi
0
  • Najlepsze
  • Wszystkie komentarze
ZacmienieKsiezyca
#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?
0
  • Najlepsze
  • Wszystkie komentarze
f.....d
f.....d
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
2
  • Najlepsze
  • Wszystkie komentarze
rozdajozadarmo
rozdajozadarmo
Animacja 3D w czystym #css z wykorzystaniem funkcji trygonometrycznych zaimplementowanych za pomocą pre-processora #scss. Sztuka dla sztuki, ale za to jaki bajer :)

Szczegóły implementacji we wpisie autorki.

#webdev #sass #css
3
  • Najlepsze
  • Wszystkie komentarze
le1t00
Rozszerzenie możliwości sassa dzięki PostCSS
SAUCE
#webdev #scss #sass #postcss
1
TeflonDon
Mirki z #webdev
szukam jakiegoś pluginu do #sublimetext3 , który pozwoli mi na kompilację #sass #scss. Atom ma fajny plugin, ale jest dla mnie za wolny. A może polecacie coś innego? Grunt/gulp?
1
  • Najlepsze
  • Wszystkie komentarze
TeflonDon
Ma ktoś może jakąś dokumentację w wersji offline? Szukam i nie mogę znaleźć czegoś konkretnego.
#scss #webdev
1
  • Najlepsze
  • Wszystkie komentarze
P.....m
P.....m
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
6
  • Najlepsze
  • Wszystkie komentarze
Colos
#webdev #sass #intellij #scss
Hej mirki. W moim phpstormie podkreśla mi błędy w selektorach typu:

.foo{
&--bar{
color: #fff
2
  • Najlepsze
  • Wszystkie komentarze
D.....k
#webdev #sass #scss
Sassy Polygon Mixin

@include polygon(faces, width, color);

http://codepen.io/rgg/pen/RPNdYO
7
le1t00
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
1
  • Najlepsze
  • Wszystkie komentarze