Igor Schnaider

flex-shrink?

Не работает, потому что: firstElementChild === table.tBodies[0]; Потом только выбираете нужную строку, а потом ячейку.

Оо :-) таблички, cellspacing и cellpadding, bgcolor, px.gif... Такая ностальгия, детство вспомнил.

http://i.imgur.com/mdpjx4h.png Там он вообще сейчас закомментирован. Но даже если убрать комментарий, декларация background (#2) перебьет это правило. Если использовать сокращенную запись, то нужно явно прописывать: background: url(header.jpg) center 0/cover no-repeat fixed #000;

Ну, как вариант.

Можно конечно отслеживать значение ширины (например, по таймеру) и высчитывать процентное значение... Но, мне кажется, лучше саму анимацию сделать на js, тогда и значение будет под рукой.

http://codepen.io/anon/pen/MKKjYM

В iOS проблема с этим background-size: cover. А на главной у вас cover не стоит. Точнее, background в .imageBg #gkHeader перебивает ранее установленное. По-моему, вместе с background-attachment: fixed в iOS такое с размером фона происходит. Я бы для мобильной версии просто менял background-attachment с fixed на scroll. upd. К тому же, как пишут, оно очень "дорогое", так что имеет смысл отказаться от него.

Как вариант, можете специально указать кнопки type="button", например. Просто, по умолчанию для нее стоит submit, и поэтому выходит, что когда нажимаете enter, это равносильно нажатию на кнопку.

auto и 0 - не совсем одно и то же. Позиционированный элемент с установленным значением свойства z-index, отличным от auto, создает новый контекст наложения. По умолчанию - с auto - не создает. upd. Неправильно понял сначала вопрос. Численно да, он равен нулю.

Значение z-index, отличное от auto, создает новый контекст укладки. Поэтому неверно: элемент UL со свойством z-index: 0 по-прежнему создает этот контекст. А вот элемент A теперь никак не повлияет на свои псевдоэлементы, они будут укладываться относительно UL. А тень в данном случае "исчезает" просто потому, что фон установлен на A (попробуйте убрать background-color у элемента A на UL). Порядок укладки внутри одного контекста следующий: корневой элемент;позиционированный (со своими потомками) с отрицательным значением z-index;не позиционированные элементы (появляются в том порядке, как определены в DOM);позиционированные (и потомки) с z-index: auto;позиционированные (и потомки) с положительным значением z-index.То есть в данном случае получается, если вы поставите не отрицательное значение, то тень будет выше предыдущего в DOM'е элемента A, фон которого перекрывал до этого box-shadow. Это значение по умолчанию.

В Opera, думаю, дело все в том, что 3d-transforms не работают (смотрел через эмулятор), а ваш скрипт убирает этот большой pop-up только через прозрачность, а display остается в block. В остальных браузерах он просто сворачивается обратно, вот и не перехватывает щелчки, а в опере, как сказал уже, он постоянно сверху, поэтому и щелкаете по нему. p.s. Возможно, в Safari та же проблема, я не стал смотреть :-) upd. Если ставить opacity: 1 непосредственно через скрипт, то в опере плашка появляется. В общем, нашел методом тыка: .openpage { ... animation: rotatePageInFromRight 1s cubic-bezier(0.66, 0.04, 0.36, 1.03) 1 normal forwards;}Если вместо значения 1.03 поставить просто 1, то норм все. Предположу, что мобильная opera не допускает выход значений animation-timing-function из диапазона [0; 1]. В общем, надо разбираться ;-)

Бред какой-то. Ему-то какая разница, пути ведь относительные. Попробовал назвать по-русски папку, работает...

Вот жеж.. у меня все норм. Ошибка все та же?

Может выложите свои css, gulpfile, package.json... куда-нибудь (на гитхаб, например). Так гадать только остается. У меня работает.

.one('animationend webkitAnimationEnd oAnimationEnd msAnimationEnd', ...Chrome поддерживает сразу и webkitAnimationEnd, и animationend. Opera вроде бы тоже. Копайте в эту сторону. По крайней мере, у меня сначала срабатывает animationend, а во второй раз webkitAnimationEnd: ..., function (e) { $(this).removeClass('slidePageLeft').removeClass('openpage'); console.log(e.type);});

Не в @import там у вас дело. Что-то со 'style.sass' не то.

Возможно, он на отсутствие точки с запятой ругается в конце @import. Ой, у вас ведь sass, а не scss. Извиняюсь. А вообще, он указывает, где ошибка. То сообщение, что вы показали, не несет никакой полезной информации. Что дальше пишет-то?

http://i.imgur.com/qUnTP7e.png У меня привычка смотреть :-) на такие элементы (иконки сбоку от текста). И у вас там при разных ситуациях может поехать текст.

Там проблема у вас в том, что вы меню убираете из потока, а в освободившееся место поднимается остальная часть страницы. Этот скачок даже видно, когда просто страницу прокручиваешь. А во второй раз когда нажимаете, то позиция уже и заголовка новая, с учетом этого "убегания", вот поэтому он правильно приезжает. Как вариант, можно вместо смены у меню свойства position (со static на fixed и наоборот) просто создать второе меню с position: fixed и скрытое вначале, ну и показывать его, когда страница прокрутилась сколько вам там нужно.

Высота .menu-cat, как я понял, тоже варьируется? Может вам на flex лучше сделать, вместе таблиц.

А background-color в такой записи должен идти последним. Можно так попробовать: background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(img/bg.png) no-repeat 100% 100%;

Вот, нашел. Мне в свое время эта статья сильно помогла разобраться с вертикальным выравниванием.

Да. Все пляшет от baseline, кроме двух значений: top и bottom. Они связаны с краями бокса строки. Я не рисовал. Я размер шрифта на родителя поставил. Поменяйте и посмотрите, что будет, например: 1, 2 ну и так далее.

На так потому что мы ему ставим vertical-align: middle; Вот А спецификация говорит: выравнить вертикальную среднюю точку бокса по базовой линии родителя плюс половина x-высоты. Вот здесь и видно, что красная линия (va: middle) как раз с серединой Text совпадает.