Телеграмм чат группы frontcoder страница 2771

Игорь Морозов

Вы знакомы с scss?

Разумеется

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

10:57пожаловаться #1

Arman in FrontCoder

Arman

Подскажите пожалуйста, сделал а карту и метки , но не понимаю как отображать только по одной. Логика: открывается страница, первый элемент списка активный , показывать только маркёр первого элемента, если выбрать другую станцию то убрать маркер с прошлой и показать новый. Что нужно сделать ? https://jsfiddle.net/82rqjsd0/

jsfiddle.net

Edit fiddle - JSFiddle

Подскажите пожалуйста

10:57пожаловаться #2

Зачем писать

.slider {
&__wrapper {
& > #{$this}__block {
}
}
}

Если можно просто написать

.slider{
&__wrapper{}
&__element{}
}

10:58пожаловаться #3

Зачем создавать каскад в БЭМ?

10:59пожаловаться #4

Даже не так, на кой чёрт нижележащему селектору может понадобиться доступ на два уровня наверх?

11:00пожаловаться #5

В жс - понятно, потому что это была эмуляция классов и нужно было контекст в методы прокинуть

Тут-то нафига

ИМ

Danila

Зачем писать

.slider {
&__wrapper {
& > #{$this}__block {
}
}
}

Если можно просто написать

.slider{
&__wrapper{}
&__element{}
}

У вас есть
.slider {
&__item {
&—active {

}
}

&__image {
width: 100%;
}
}

11:01пожаловаться #8

ИМ

Как Вы сделаете, что img лежит в item и у него 100% ширина, но если у item есть модификатор active то ширина 50%,

Как Вы сделаете, что img лежит в item и у него 100% ширина, но если у item есть модификатор active то ширина 50%,

Вынесу имейдж в блок

11:02пожаловаться #10

ИМ

Danila

Вынесу имейдж в блок

напишите пример, я скинул вам набросок

11:03пожаловаться #11

.slider{
&__element{}
}

.slider-slide{
&__image{width:50%;}

&_active{
&__image{width:100%}
}
}

11:05пожаловаться #12

ИМ

Danila

.slider{
&__element{}
}

.slider-slide{
&__image{width:50%;}

&_active{
&__image{width:100%}
}
}

воу, что за слайдер-слайд

11:05пожаловаться #13

ИМ

у Вас есть миксин slider.

11:06пожаловаться #14

ИМ

Вы сделаете миксином одну дивку с изображением?

11:06пожаловаться #15

ИМ

Пример 2. У Вас есть кнопка, например это ссылка
<a href='' class='button'>
<span class='button__text'>Text</span>
<svg class='button__svg'></svg>
</a>
У свг fill: green;
при ховере на ссылку меняется fill на red у свг

11:08пожаловаться #16

Игорь Морозов

.button{
&__text{}
&__svg{}
&:hover{
&__svg{fill:green}
}
}

11:10пожаловаться #17

Игорь Морозов

у Вас есть миксин slider.

Миксин слайдер?