Size: a a a

CSS — русскоговорящее сообщество

2020 June 11

ΓΧ

Γιωργος Χηονιδι... in CSS — русскоговорящее сообщество
wildrc
Всем привет, я тут упарываюсь слегонца.
Мне нужен миксин, который будет добавлять !important к правилам.

Перечитывая доку, понял что на данный момент судя по всему нету возможности делать loop по секции @content. Однако думаю возможно я что то упустил?
там вроде как можно вторым параметром в @ include  передавать !important или я неправильно понял вопроса
источник

D

Dev in CSS — русскоговорящее сообщество
Sergey Bekharsky
оно по дефолту изолировано при правильном использовании
Я использую этот ui в react.js . Когда я переиспольую  компоненту, то в каждой компоненте   классу в css  присваивают новые стили . Эти стили начинали конфликтовать друг с другом. Вот и думаю, как правильно это разрешить и изолировать стили для каждой компоненты отдельно.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Dev
Я использую этот ui в react.js . Когда я переиспольую  компоненту, то в каждой компоненте   классу в css  присваивают новые стили . Эти стили начинали конфликтовать друг с другом. Вот и думаю, как правильно это разрешить и изолировать стили для каждой компоненты отдельно.
компонент — мужского рода

я продолжаю не понимать, в materual ui — не css, а css-in-js
источник

D

Dev in CSS — русскоговорящее сообщество
Ок, спасибо
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
да блин, ну пример-то покажи
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
сразу в кусты
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
и эт вроде стандартный метод же для расширения компонентов @developermit
источник

ꟿⅨ in CSS — русскоговорящее сообщество
http://jsfiddle.net/6sfc4xwp/5/

Вот поменял, я хотел бы чтобы паттерн в SVG был серый - белый - серый и т.д. Не могу понять как сделать pattern не  прозрачным, а белым, подскажите пожалуйста
источник

M

Maксим in CSS — русскоговорящее сообщество
Ребята я новичок, вопрос  возник. Есть 4 псевдоэлемента как задать стиль для первого? Пробовыл через first-chield не помогло
источник

ꟿⅨ in CSS — русскоговорящее сообщество
Maксим
Ребята я новичок, вопрос  возник. Есть 4 псевдоэлемента как задать стиль для первого? Пробовыл через first-chield не помогло
child*
источник

Д

Дмитрий in CSS — русскоговорящее сообщество
Кто-то пользовался слайдером swiper? Там как-то можно убрать стрелки и пагинацию при условии, если количество слайдов меньше или равно количеству видимых? У меня получается, что пролистывание отключается, но стрелки с пагинацией по-прежнему остаются видны.
источник

ꟿⅨ in CSS — русскоговорящее сообщество
ꟿⅨ
http://jsfiddle.net/6sfc4xwp/5/

Вот поменял, я хотел бы чтобы паттерн в SVG был серый - белый - серый и т.д. Не могу понять как сделать pattern не  прозрачным, а белым, подскажите пожалуйста
разобрался
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Maксим
Ребята я новичок, вопрос  возник. Есть 4 псевдоэлемента как задать стиль для первого? Пробовыл через first-chield не помогло
4 псевдо это как?
источник

СБ

Сергей Байков... in CSS — русскоговорящее сообщество
всем привет. Вопрос такой. есть менюха -бутер от bstrp 4. Можно ли сделать так, что бы на мобильном, когда она раскрыта, юзер начал скролить и она скрылась? демку сайта сюда кину или в лс
источник

Аппле in CSS — русскоговорящее сообщество
Здравствуйте, никто не подскажет в чём ошибка?

<div class="formItem">
     <label for="text" class="formLabel">
           Сообщение
      </label>
      <textarea class="formInput" name="text" id="text" rows="10" autocomplete="off" required>
       </textarea>
</div>

.formInput:focus~.formLabel,
.formInput:not(:focus):valid~.formLabel {
 top: -10px;
 font-size: 10px;
}
источник

Аппле in CSS — русскоговорящее сообщество
Аппле
Здравствуйте, никто не подскажет в чём ошибка?

<div class="formItem">
     <label for="text" class="formLabel">
           Сообщение
      </label>
      <textarea class="formInput" name="text" id="text" rows="10" autocomplete="off" required>
       </textarea>
</div>

.formInput:focus~.formLabel,
.formInput:not(:focus):valid~.formLabel {
 top: -10px;
 font-size: 10px;
}
у меня label не изменяется
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Maксим
Ребята я новичок, вопрос  возник. Есть 4 псевдоэлемента как задать стиль для первого? Пробовыл через first-chield не помогло
Псевдоэлементы уникальны, задавай стили конкретному (::before/::after/::first-letter/::first-line и т.д.)
источник

DD

Denis Dashka in CSS — русскоговорящее сообщество
Сергей Байков
всем привет. Вопрос такой. есть менюха -бутер от bstrp 4. Можно ли сделать так, что бы на мобильном, когда она раскрыта, юзер начал скролить и она скрылась? демку сайта сюда кину или в лс
Ты хочешь что бы за тебя кто-то сделал?)) есть событие scroll, вешаешь на него EventListener и чекаешь какое состояние у менюшки - если активна- скрываешь с помощью добавления классов, если закрыта - не трогаешь
источник

СБ

Сергей Байков... in CSS — русскоговорящее сообщество
Denis Dashka
Ты хочешь что бы за тебя кто-то сделал?)) есть событие scroll, вешаешь на него EventListener и чекаешь какое состояние у менюшки - если активна- скрываешь с помощью добавления классов, если закрыта - не трогаешь
не, я сам сделаю, просто не сталкивался с таким на практике и хз даже как гуглить) спасибо за ответ)
источник