не применяется display в media sass

184
17 февраля 2018, 21:00

При использовании & - значения применяются только к св-ву flex-direction: column, display игнорирует.

@media (max-width: 550px) 
.header
 &_btn
  display: block
 &_menu
  flex-direction: column
  display: none

css

 @media (max-width: 550px) {
.header_btn {
 display: block; }
.header_menu {
 flex-direction: column;
 display: none; } }

если же в sass писать через полное название то пашет. Что это может быть

@media (max-width: 550px) 
.header
 .header_btn
  display: block
 .header_menu
  flex-direction: column
  display: none

в сss

@media (max-width: 550px) {
.header .header_btn {
 display: block; }
.header .header_menu {
 flex-direction: column;
 display: none; } }
Answer 1
@media (max-width: 550px) {
    .header{
        &_btn{
            display: block;
        }
        &_menu {
            flex-direction: column;
            display: none;
        }
    }
}

https://jsfiddle.net/CLackyM/5qboq0kn/

READ ALSO
HTML конструкторы для RoR

HTML конструкторы для RoR

Здравствуйте, ,подскажите пожалуйста существуют ли какие-либо виджеты, или гемы - конструкторы HTML страниц-лендингов? Вроде такого https://elementorcom/...

162
Bootstrap 4, как выйти за пределы container?

Bootstrap 4, как выйти за пределы container?

Доброго дняСуть такова, у меня есть container внутри него я хочу расположить на 1 половине (6 колонок) обычный блок, а вот второй блок хочу чтобы...

492
выборка из трёх таблиц с GROUP BY и ORDER BY

выборка из трёх таблиц с GROUP BY и ORDER BY

магазин с категориями товаров

257
Индексы PRIMARY и UNIQUE KEY для одного и того же поля

Индексы PRIMARY и UNIQUE KEY для одного и того же поля

Есть ли какой-либо смысл в следующем построении индексов?

195