вот я вас тут мучал про CSS, а все оказалось довольно просто: https://webref.ru/

Накидал на коленке (в прямом смысле... в метро еду... с телефона не удобно ;) ) https://jsbin.com/qidojerolu/2/edit?html,css,js,output

не, это плохой вариант. Обрати внимание какая задержка на клик при закрытии (он все это время "сматывает" 9999px высоту)

ребзь, что выбрать SASS, scss или stylis (или как его там?) ?

ребзь, что выбрать SASS, scss или stylis (или как его там?) ?

юзаю stylus. Но с остальным даже не работал поэтому плюсов/минусов не знаю

postcss

postcss

weackh

ребзь, что выбрать SASS, scss или stylis (или как его там?) ?

из препроцессоров самый мощный и красивый stylus (я тоже использую его) (с) Имхо

@gorshunov не слушай он троль, postcss это ПОСТпроцессор а не препроцессор

и заранее отвечу - нет они не взаимозаменяемые

@gorshunov не слушай он троль, postcss это ПОСТпроцессор а не препроцессор

про это уже сто раз говорили postcss — не постпроцессор просто процессор

и под него есть плагины для обработки кода написанном в less/sass стиле

так или иначе я использую postcss и stylus одновременно, потому что stylus удобно грузить через stylus loader,а автопрефиксер удобнее тащить из Postcss чем писат ьего на стайлусе

ну, stylus — это еще одна абстракция

которая не привносит очевидных преимуществ, как по мне

stylus лучше чем sass

с less не сравнивал серьезно, но что-то мне подсказывает что он тоже сосет

stylus лучше чем sass

для меня основным критерием выбора было отсутсвие {} =)

за одно только... а ну вот андрей уже написал)

для меня основным критерием выбора было отсутсвие {} =)

а медиазапросы просто красота

как пробросить событие клика в дочку ? https://jsfiddle.net/697zmpnm/

ребзь, что выбрать SASS, scss или stylis (или как его там?) ?

postcss

как пробросить событие клика в дочку ? https://jsfiddle.net/697zmpnm/

Если тебе оно нужно в дочке, зачем ты его слушаешь в родителе?

по клику на элемент хочу вызывать метод в дочке

<button @click="foo">click me</button>

в дочке

PostCSS +

в дочке

а если мне надо отловить клик по всему элементу

по любой его части

ну в целом да, я могу то сделать в дочке

я может чего-то о postCSS не знаю, но почему вы все считаете что это тоже самое что и препроцессор?

а если мне надо отловить клик по всему элементу

Вешаться с модификатором отслеживания нативного события?

я может чего-то о postCSS не знаю, но почему вы все считаете что это тоже самое что и препроцессор?

Работает быстрее, можно сделать тоже что и в других, когда будет новый стандарт CSS его надо будет просто выключить

Работает быстрее, можно сделать тоже что и в других, когда будет новый стандарт CSS его надо будет просто выключить

быстрее чем 0.04 секунды?

серьезно?

Серьёзно, но сравнивать надо не только на маленьких проектах

Работает быстрее, можно сделать тоже что и в других, когда будет новый стандарт CSS его надо будет просто выключить

так я не говорю что PostCSS Это плохо, просто эт оне тоже самое что препроцессор, и вообще его не заменяет

Да. Есть целый официальный пресет (набор плагинов like babel). SugarSS называется

так я не говорю что PostCSS Это плохо, просто эт оне тоже самое что препроцессор, и вообще его не заменяет

Почему не заменит то?

про sugar не знал, спасибо. но всеравно он не позволит писать мне stylus в теге style с атрибутом lang="stylus"

Работает быстрее, можно сделать тоже что и в других, когда будет новый стандарт CSS его надо будет просто выключить

Одна из причин выбора postcss - может выглядить как нативыный css. У меня в прокте есть CSS переменные :) Но работают они как обычные переменные в препроцессорах

Так а зачем учить что-то новое, если можно будет писать обычный цсс и даже с новыми плюшками

++

Одна из причин выбора postcss - может выглядить как нативыный css. У меня в прокте есть CSS переменные :) Но работают они как обычные переменные в препроцессорах

stylus тоже может выглядеть как нативный css

Так а зачем учить что-то новое, если можно будет писать обычный цсс и даже с новыми плюшками

может потому что нативный css не удобно писать

Неудобно потому что нельзя четвертую версию использовать

про sugar не знал, спасибо. но всеравно он не позволит писать мне stylus в теге style с атрибутом lang="stylus"

Так а зачем тебе стайлус, если можно писать то же на postcss. К тому же, postcss уже есть в проекте - autoprefixer

А с ним можно

Так а зачем тебе стайлус, если можно писать то же на postcss. К тому же, postcss уже есть в проекте - autoprefixer

вот честно, лень сейчас искать как там это sugar подключать и настривать ) преимущества то какие? Да никаких. И стайлус намного проще активировать npm install stylus-loader —save-dev

https://mobile.twitter.com/andrey_sitnik/status/858246374164488192

вот честно, лень сейчас искать как там это sugar подключать и настривать ) преимущества то какие? Да никаких. И стайлус намного проще активировать npm install stylus-loader —save-dev

А postcss не надо активировать, он по умолчанию есть в vue сli :)

А postcss не надо активировать, он по умолчанию есть в vue сli :)

у него есть конфиг файл

Да, есть

или .postcssrc.js случайно попал

иии? :)

https://habrahabr.ru/post/270103/#comment_8641529

ну и все, ситаксис мне предоставляет готовый из коробки стайлус, со всем сахором вместе взятым, а уж если нужен оверхед то подключаю постксс

отличное разделение отвественности

и еще хз как там в post css scoped реализован

и еще хз как там в post css scoped реализован

а зачем? есть же css modules

и еще хз как там в post css scoped реализован

в смысле?

ERROR: S client not available

https://habrahabr.ru/post/270103/#comment_8641529

вот тут написано, что это одно и тоже

Причем тут scoped и postcss?

а зачем? есть же css modules

это же одно и то-же только с разным названием

это же одно и то-же только с разным названием

Эм... что?

а в чем разница?

в чем разница между CCS modules и Vue scoped css?

да, по сути

да, по сути

ну они вообще по разному работают... Модули добавляют префиксы в классы, scoped добавляет атрибуты в dom и селекторы по атрибутам в css.

ну они вообще по разному работают... Модули добавляют префиксы в классы, scoped добавляет атрибуты в dom и селекторы по атрибутам в css.

и да, действительно, как-то я не обратил внимание что в модулях моддифицируется название класса. И как это потом отладчик понимает, с помощью мапы?

в общем, меня убедили за postCSS??

Хм, странная фигня с vue-cli. Source maps генерит, а в самом файле css их не подключает

и да, действительно, как-то я не обратил внимание что в модулях моддифицируется название класса. И как это потом отладчик понимает, с помощью мапы?

мм, что именно откладчик понимает?

Хм, странная фигня с vue-cli. Source maps генерит, а в самом файле css их не подключает

у меня подобная фигня и с js

мапы есть, но не подтягиваются или мб просто я рукожоп

JS пока не трогал

мм, что именно откладчик понимает?

с каким реальным стилем в css соотносится этот подифицированный

А, ну наверное, если соурсмапы работают, то понимает

я просто не пользуюсь этим. У меня классы вида ComponentName__elementclass---hash

Нейминг настраивается

Нейминг настраивается

а там есть что-то похожее на слоты, но для css?

ну эт понятно. просто со скоуп вот такая щтука, ксс мапа не помогает

как видите он указывает не на строчку в исходнике

вот мне интересно, с Post-css такая же лажа?

вот мне интересно, с Post-css такая же лажа?

да причем тут postcss? :)

ну —hash он генерит?

для css модулей

ну —hash он генерит?

hash генерит vue-loader