Все секреты вложенности в Sass

preview_player
Показать описание
#sass #scss

В этом видео говорим о вложенности в Sass, рассматриваем вложенность свойств и селекторов, добавляем селектор родителя Sass для имен вложенных классов и создания классов как в методологии BEM.

Мы в соцсетях:

00:00 - О вложенности в Sass
00:24 - Вложенность селекторов в Sass
02:57 - Вложенность свойств в Sass
05:49 - Пример Sass с React компонентами
07:26 - Вложенность Sass и селектор родителя (&)
08:31 - Вложенность Sass и методология BEM

#devmagazine #devmagazinechannel
  1. Веб-разработка - DevMagazine
  2. sass вложенность
  3. sass nesting
  4. sass bem
  5. вложенность селекторов sass
  6. вложенность свойств sass
Рекомендации по теме
Все секреты вложенности 0:09:18

Все секреты вложенности в Sass

Все о МИКСИНАХ 0:34:11

Все о МИКСИНАХ в Sass за 30 минут

Все директивы Sass 0:05:19

Все директивы Sass за 5 минут - at rules

Так ли проста 0:06:15

Так ли проста интерполяция в Sass?

О типе map 0:06:55

О типе map в Sass

Урок #3 - 0:06:00

Урок #3 - Как работает @import в SASS / SCSS ?

Наследование в Sass 0:11:47

Наследование в Sass - extend

Препроцессоры SCSS/SASS. Все, 0:31:23

Препроцессоры SCSS/SASS. Все, что нужно знать для старта

SASS. Урок 1.3. 1:05:00

SASS. Урок 1.3. Возможности SASS. Синтаксис и вложенности. Переменные, миксины, циклы, расширения......

Что и для 0:05:30

Что и для чего: миксины, наследование и функции в Sass

Как написать функцию 0:15:47

Как написать функцию в Sass?

Урок #9 - 0:10:07

Урок #9 - Интерполяция в SASS / SCSS

Препроцессор Sass/SCSS за 0:17:49

Препроцессор Sass/SCSS за 17 минут

Препроцессор Sass. Импорт 0:07:31

Препроцессор Sass. Импорт и вложенность

Как работает цикл 0:00:14

Как работает цикл @for в SASS / SCSS. #web #css #html #sass #scss

Урок #4 - 0:07:56

Урок #4 - @extend и файловая структура SASS / SCSS

Урок #8 - 0:06:42

Урок #8 - Как использовать БЭМ и амперсанд ( & ) в SASS / SCSS

Препроцессор SASS / 0:12:50

Препроцессор SASS / Урок #7 - Условия, циклы и оператор @content...

SASS. Урок 1.2. 0:24:46

SASS. Урок 1.2. Знакомство с CSS препроцессорами. Использование SASS...

Как запустить JavaScript 0:11:44

Как запустить JavaScript функцию в SASS?

Урок #10 - 0:06:26

Урок #10 - Условия SASS / SCSS

Sass — работаем 0:06:23

Sass — работаем с цветами в цикле @for

Переход с Sass 0:16:17

Переход с Sass на PostCSS, Станислав Матвеев

Препроцессоры SASS (.scss) 1:05:44

Препроцессоры SASS (.scss)

Комментарии
Автор

Классная возможность изучить и SvelteJS:

DevMagazineChannel
Автор

Спасибо за видео. Помогли разобраться)

tazorprod.
Автор

Подскажите, лучше писать стили используя вложенность в сасс, повышая специфичность селекторов или лучше использовать какие-то методологии именования классов, например, БЭМ?

dmytroprokoptsov