Препроцессор SASS / Урок #6 - Математические операторы и функции
ฝัง
- เผยแพร่เมื่อ 19 เม.ย. 2019
- SASS обладает мощным функционалом для работы с функциями, а также математическими операциями. В ходе урока вы создадите программу, которая будет строить grid сетку из объектов, а также научитесь прописывать встроенные функции SASS.
1) Урок на сайте itProger: itproger.com/course/sass/6
2) Функции в SASS: sass-lang.com/documentation/Sa...
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼💻
- Все уроки по хештегу #goshaSass
nth-child это не "не элемент", а "n-ый элемент" - то есть nth-child(5) - 5ый элемент, nth-child(2n) - каждый 2ой элемент
то есть можно написать nth-child(1n) или просто nth-child(n), чтобы каждый элемент изменить?
Давно ждал курса по ssas, спасибо!
nth - not? wat? Oo
Большое вам спасибо за чудный урок
чтобы не извращаться, кто не знает: :last-child, :first-child.
а еще лучше flex использовать, чтоб не считать отступы...
@@user-le7jy4ow8n зачем грид, когда есть float?
@@rostislavkovba зачем мерседес, когда есть жигуль?
@@user-ie7eh5qe2z зачем Sass ,когда есть САС
Благодарю)
добрый день! скажите пожалуйста, какие функции наиболее часто используются? в справочнике в описании немного трудно ориентироваться начинающему
А сколько всего будет уроков? (просто интерестно, ибо я хочу как можно больше, думаю мня многие поддержат в этом)
🧮 в цсс - 💪! Спасибо!
пфф... нельзя смешивать единицы измерения, при том что в css calc() без проблем это делает...
мало того, calc еще и работает динамически, а все эти препроцессоры выдают статику.
Сделай видео о CEO оптимизации.
Сделай пожалуйста видео o SEO
в Sass много лишнего, например, описанный выше пример можно применить и в CSS с гридами и с функциями repeat, minmax и с autfill или autofit
Подскажи, как сделать грид из 2 элементов разной ширины, чтобы второй был справа и переносился вниз при шринке? Там по идее надо юзать тимплейт-калумнс: рипит(авто-фит, авто), но тут невозможно задать разные ширины... а без автофита при дисплей: грид не будет врапа.
только так сработало width: calc((100% - ((#{$cols}-1) * #{$margin})) / #{$cols});
манная каша :(
calc() справляется лучше
Научитесь правильно произносить margin
Вот про математические операции я почти не понял! Надо по второму кругу смотреть! Вот функции отлично понял, а вот операции...
здесь нет про "математические операции"... Ибо для обычных людей это (2+3, 2*2, 3\3 и тд)... здесь такого нет
Не понимаю смысл от Ариф. Операций если можно сразу писать вместо (100%/4) , :25%;
Ну если например не 4 а 13 17 7 считать неочь удобно
@@baurbaur332 ахах ахах а так писать удобно?
@@dasi4301 100/13 что сложного?
grid сам по себе был задуман что бы не извращаться над кодом, здесь всё было подано уж очень неординарно, думаю кто изучал часть CSS Grid тот меня поймёт. Grid это сетка, и то что указал автор видео, что в гриде не возможно проделать такую же операцию базируясь на командах грида - это ложь. А так есть полезная инфа. Так же уточню что автор советовал изучить CSS и все его части прежде чем начать изучать SCSS SaSS
Как сделать грид из 2 элементов, второй справа и врапится при шринке, но оба - разной ширины? Я так понял, что нужен репит(авто-фит...), но тут никак не задать разную ширину. Кстати флексом легко реализуется, а гридом, такую простую вещь - вроде бы никак.
Не вижу смысла на ssas что то писать. Лично мне нравится и css и я к нему бол ше привык к этому
Потому что ты не писал на sass
заказчика ниипёт, ему sass подавай css не катит
@@2009Spread Большинство sass не любит ибо в нём много лишнего. И неудобен.
заебешься писать 10к строк кода на css с многократной вложенностью, когда все это делается в 10 быстрее с помощью БЭМ и SASS, а не SCSS
так себе объяснение для новичков. ни хрена они не поймут
Документация есть для этого)
calc() справляется лучше