Często podczas stylowania mamy do czynienia z sytuacją, kiedy rodzic musi zareagować na zmiany w dziecku. Proste – coś dzieje się na danym elemencie, a my chcemy, aby na tę akcję odpowiedział element nadrzędny. Łatwo się mówi.
BEM czyli sprytny sposób na CSS
Dziś krótko o BEM. CO TO? Konwencja nazywania klas w HTML i CSS. SKĄD NAZWA? BEM => Block, Element, Modifier Czasami spotkacie się z nazwą BEM101. Ta stojedynka oznacza nic innego jak „informacje podstawowe” (wiki). PRZYKŁAD? CZEMU TAK, A NIE INACZEJ? a) Block -> blok, to abstrakcyjny twór utożsamiający ogólny, reużywalny komponent, np.: .btn {} […]
Z czym się je Sass, SASS i SCSS?
Każdy pewnie kojarzy te pojęcia z hasłem „preprocesory CSS”. Nie będę w tym artykule rozpisywać się o tym, czym jest preprocesor CSS, jakie daje możliwości, czy lepszy jest Sass, LESS, czy może Stylus. To nie jest tematem tego artykułu, a zresztą takie informacje znajdziecie łatwo w Internecie. W każdym bądź razie na pytanie, czym jest Sass, większość odpowie „taki preprocesor CSS”. I dobrze. Ale nie do końca.
Własności CSS: box-decoration-break
Własność box-decoration-break należy raczej do grupy tych własności CSS, które są sporadycznie używane, często zapominane, a przede wszystkim niedoceniane. Generalnie box-decoration-break przydaje się sytuacjach, kiedy element HTML jest przełamywany, przenoszony do drugiej linii. W szczególności dla elementów liniowych pojawia się wtedy problem niejednolitego ostylowania. Dzięki box-decoration-break dekoracja jest klonowana na nowo po przełamaniu danego elementu. Własność box-decoration-break może przyjmować dwie wartości: slice – […]