Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 October 19

☠ЧАТЛАНИН☠... in Верстка сайтов HTML/CSS/JS/PHP
YouTube
Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.
SASS/SCSS это препроцессор для CSS, он значительно расширяет возможности обычных таблиц стилей CSS и делает работу более удобной и быстрой. Установка SASS не требуется, нам просто нужна программка компилятор. В этом выпуске мы познакомимся с такими возможностями как переменные, вложенности, миксины, наследование и другими крутыми штуками. Поехали!

Видео по настройке компилятора SASS Prepros:
https://youtu.be/BqO5Pj26om8

Видео по настройке компилятора SASS VS Code:
https://youtu.be/nxCLXMBl4e4

Сайт препроцессора SASS https://sass-scss.ru/
Архив с файлами урока ищи в телеграм канале https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
Или качай по ссылке: http://fls.guru/files/tutorials/hellosass.zip

Содержание:
00:00 - Вступление
02:03 - Синтаксис
04:45 - Вложенность
16:35 - Переменные
18:36 - Импорт
22:41 - Шаблоны
29:44 - Миксины
32:41 - Математика
34:59 - Комментирование

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: …
источник

☠ЧАТЛАНИН☠... in Верстка сайтов HTML/CSS/JS/PHP
15 Минута
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Я уже полумертвый, хочу спать, но нужно доделать это и все
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
Igor Kim
нет
vertical-align: bottom
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
для картинки
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Точно
источник

☠ЧАТЛАНИН☠... in Верстка сайтов HTML/CSS/JS/PHP
Tomorrow
.acc-item {
 &.active .acc-header {
   color: red;
 }
}
Но спасибо за помощь
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Спасибо
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Извините за тупые вопросы)
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
всегда пожалуйста
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
когда ебошишь свой проект, и надо сдать до утра, но грех не помочь остальным,ХД.
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
)))
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Удачи
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
взаимно, господа
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Igor Kim
Всем привет, у меня проблема. Появились нижние пробелы, сижу туплю не могу их убрать, может вы поможете?
Короче. Это тсрашная тайна, я сейчас подскажу кое что, но ты никому не говори, и не говори что это я подсказал, но дело в том что img это по умолчанию строчный элемент и он как буква не хочет слипатсья с нижней строкой и имеет отступ от нее. Лечится десятком способов.
источник

IK

Igor Kim in Верстка сайтов HTML/CSS/JS/PHP
Спасибо
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
Короче. Это тсрашная тайна, я сейчас подскажу кое что, но ты никому не говори, и не говори что это я подсказал, но дело в том что img это по умолчанию строчный элемент и он как буква не хочет слипатсья с нижней строкой и имеет отступ от нее. Лечится десятком способов.
лучше вправь мне мозги на ночь глядя, с этими тупыми селектами
ну или я тугой...
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
так сказать, по секрету
Страшная тайна
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
☠ЧАТЛАНИН☠
Как в scss написать тоже самое:
По клику к родительскому элементу добавляется класс айтем, который влияет на вложенные. Для вложенного на обычном css это выглядит так: .active .childelement {
 color: red
}
И когда к родителю добавился .active этот стиль начинает работать.

Не пойму как тоже самое выполнить на scss
.child { .active & { } } вот и всё
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Tomorrow
лучше вправь мне мозги на ночь глядя, с этими тупыми селектами
ну или я тугой...
а что не так с селектами то?
источник