Нельзя в быстром вызове назначить произвольные клавиши. Мне нужно именно Win + клавиша.
Про Alt + F4 я понимаю, как добавить альтернативное сочетание клавиш?
то высота не будет равняться нулю, а будет 30px, как это обойти, кроме как запихивать весь контент в обёртку с нулевыми отступами? (jQuery анимации кстати работают с любым содержимым, не важно есть отступы или нет, и не понятно по какому алгоритму).
Я так понимаю в данном примере вся магия в том, что мы рисуем тело аккордеона невидимым, замеряем его высоту и далее оперируем этим значением. Можно ли как-то узнать клиентскую высоту без клонирования ноды?
Павел Антонов, предложите любой вариант вёрстки, но высота аккордеона определяется не в CSS, а высотой контента который в нём лежит и вы не можете написать max-height: 500px; - потому что не знаете, какая будет высота у содержимого изначально.
Павел Антонов, пример можете привести в codepen? пробовал и height и max-height и в процентах и в пикселях - не работает, если высота конкретно не задана точно (а точно задать её через css нельзя, только в js и то не понятно как, если аккордеон свёрнут).
Ingernirated, height: 0 -> height: 100% анимация через transient работать не будет, проверьте. Работает только в px, но не понятно как получить высоту контента, если аккордеон "свёрнут".
Павел Антонов, если аккордеон изначально "свёрнут" через display:none, то непонятно как получить максимальную высоту, на которую он может развернуться через js.
Антон Спирин, погуглите flexbox grid without media queries.
сетка вообще получается без медиазапросов, весь css сетки уменьшается в 1кб. На счёт разной ширины - если ширина нужна одинаковая то это легко делается модификатором у блока сетки с flex-grow: 1;
На счёт вашей кучи готовых универсальных решений - эти решения хреново работают, например, с формами, где в одном боксе могут лежать поля абсолютно разной, но кратной, ширины. Второй момент - размер, не встречал сетку размером меньше килобайта (возможно я плохо ищу).
На счёт своего вопроса - решение было простым, нужно было добавить overflow: hidden контейнеру, в котором находится ряд. При этом отрицательные маржины отлично работают по вертикали без костыля с нижним маржином, который вы предлагаете.
Ещё кстати минус вашего решения в том, что вы не сможете замиксовать класс колонки самому элементу, т.е. вам обязательно нужно вкладывать элементы внутрь div'а с колонкой (это потому что внутри вы используете именно положительный padding, а нужно использовать положительный margin, потому что padding используется для позиционирования содержимого контента, а не позиционирования элемента в блоке. Элементарный пример - Поле input или кнопка, у которых уже задан padding. В моём примере я могу замиксовать кнопку с колонкой и вложить в ряд, который является формой и всё это будет прекрасно адаптивно работать на любом экране без медиазапросов и без лишних дивов с class="col" и class="row").
p.s. Вы используете готовое, видимо потому, что у вас дедлайны и нет времени на подумать и изобрести своё, но лучше. У меня времени предостаточно :)