Size: a a a

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

2020 May 23

T

Tim in CSS — русскоговорящее сообщество
Anton Sokolovskyi
Ребята, помогите. У меня есть модальное окно, в котором есть форма обратной связи. Так вот в сафари стили не работают
какие именно стили? Как вариант у тебя не стоит appearance: none для инпутов и прочего, это часто на сафари особенно заметно. Но без подробностей это гадание на кофейной гуще
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
может со скроллом проблема
источник

AS

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

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Например в сафари button даже на размеры не реагирует
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Tim
какие именно стили? Как вариант у тебя не стоит appearance: none для инпутов и прочего, это часто на сафари особенно заметно. Но без подробностей это гадание на кофейной гуще
Помогло с формой, спасибо)
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Это только на формы используется ?
источник

T

Tim in CSS — русскоговорящее сообщество
Anton Sokolovskyi
Помогло с формой, спасибо)
телепат 90 лвл
источник

T

Tim in CSS — русскоговорящее сообщество
для всех инпутов вроде, чекбоксы, селекты и прочее
источник

T

Tim in CSS — русскоговорящее сообщество
У тебя высота инпута на фокус скачет, поправь
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Там ещё есть div для закрытия окна, у него тоже стили поплыли
источник

AS

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

T

Tim in CSS — русскоговорящее сообщество
Anton Sokolovskyi
Там ещё есть div для закрытия окна, у него тоже стили поплыли
такое бы лучше баттоном
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Точно!
источник

T

Tim in CSS — русскоговорящее сообщество
Anton Sokolovskyi
Там ещё есть div для закрытия окна, у него тоже стили поплыли
это уже не скажу
источник

T

Tim in CSS — русскоговорящее сообщество
у сафари есть тема что оно автоматом flex-shrink всему ставит, если у тебя флексы то может изза этого
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Только если ставить свойство -webkit-appearance: none; но на Винде и андроидах стили спадают
источник

T

Tim in CSS — русскоговорящее сообщество
Anton Sokolovskyi
Только если ставить свойство -webkit-appearance: none; но на Винде и андроидах стили спадают
Короче, опиши проблему подробней, на каких браузерах что пропадает и меняется. Сейчас я не очень понимаю что и как не работает.
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
Если стоит -webkit-appearance: none  и открыть форму с Гугл хром, то стили формы спадают. А если открыть в сафари, то стили работают
источник

AS

Anton Sokolovskyi in CSS — русскоговорящее сообщество
А нужно, чтобы везде работало
источник

IT

Igor Talpa in CSS — русскоговорящее сообщество
Всем привет, пытаюсь связать SASS переменные с CSS Variables. Для этого создал mixin color. Когда я импортирую этот миксин куда-либо, он каждый раз добавляет :root в CSS файле. В итоге получается что :root почти в каждом компоненте. Если прописать глобально один :root, то у меня не делается fallback для IE.

:root {
 --color-main: red;
}

$colors: (
 'main': (
   'base': var(--color-main),
 ),
);

@function color($key, $type: 'base') {
 $map: map-get($colors, $key);
 @return map-get($map, $type);
}
источник