yoojfrontend / explosion-gallery-simply-start

Старт взрывной галереи для урока на YouTube

• Ссылка на урок: https://youtu.be/oGZNz-dh6qA

Установка и запуск проекта

Скачиваете проект и открывайте в браузере файл index.html. Заметьте, что в уроке использовала препроцессор stylus (https://stylus-lang.com) в качестве задания стилей с вложенностями через &, в чистом css такое не будет доступно.

// Различия в с stylus и css.
// В уроке использовался stylus. Поэтому были доступны вложенности:
.gallery {
  &Item {
    ....
  }
}
// В чистом CSS это не доступно и код сверху будет выглядеть:
.gallery {}
.galleryItem {}

// Так и по остальным стилям (никаких внутренних &)
.card {}
.cardLink {}
.cardContent {}

// Если ховер
.cardLink:hover {}

Приступаете к уроку на https://youtu.be/oGZNz-dh6qA 😉