если это фш то можно кликнуть на элемент и посмотреть его свойства

там должно быть указано

^

✅ Группа Вк: vk.com/web_structure ✅ Библиотека верстальщика: @weblibrary ✅ Веб Дизайн: @dev_design ✅ Freelancer: @web_fl

Привет. По styled-component хочу спросить. Нужно стилизовать уже существующий компонент, делаю так const StyledImage = styled(props => <Image {...props} />) ничего не применяется, стили остаются какие были у оригинального Image. Что не так?

https://www.styled-components.com/docs/basics#extending-styles

читал?

ага

https://github.com/diegohaz/arc/issues/130#issuecomment-282408542

Всем привет ребята . Подскажите пожалуйста где научиться верстать. (создавать) сайты ? Я только копировать научился

ага

Для передачи пропсов используй лучше styledMap.

и такой синтаксис записи не встречал

и не уверен что он вообще верный

Привет. По styled-component хочу спросить. Нужно стилизовать уже существующий компонент, делаю так const StyledImage = styled(props => <Image {...props} />) ничего не применяется, стили остаются какие были у оригинального Image. Что не так?

Если тебе нужно просто использовать такой же компонент, но в этом месте уникальные стили, то хватит styled(Image)

Если создать новый на основе Image то там по другому делается, ща напишу, как в офис зайду

Всем привет ребята . Подскажите пожалуйста где научиться верстать. (создавать) сайты ? Я только копировать научился

htmlacademy.ru

Для передачи пропсов используй лучше styledMap.

прикольно, типо как объект с значеними хранит?

типо того

как по мне запись удобней

на вкус и цвет короче

Если тебе нужно просто использовать такой же компонент, но в этом месте уникальные стили, то хватит styled(Image)

в этом и проблема, что этот компонент импортируется из другого места. И при таком синтаксисе выдает ошибку Cannot create styled-component for component: undefined.

в этом и проблема, что этот компонент импортируется из другого места. И при таком синтаксисе выдает ошибку Cannot create styled-component for component: undefined.

Ну ща я с примерами тебе скину

Погоди 10 минут

ок, просто нашел вроде на гитхабе пример. Ошибку не выдает, но и стили новые не применяет

а что за компонент хоть?

обычная картинка, просто нужно бордер радиусы добавить

оно то в принципе решается, что могу в стилях прописать просто тег img {}. Но мне что-то кажется было бы супер круто создать новый компонент StyledImage

Ну ща я с примерами тебе скину

Саня. что юзать для стилей под ie10-11?

Хак типа @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) нормальный вообще? На практике юзал?

Саня. что юзать для стилей под ie10-11?

Всмысле ?

Всмысле ?

В смысле мне надо под ie10-11 отдельные стили. Подрубать линк на css для IE как то не айс, хочется через css делать

ок, просто нашел вроде на гитхабе пример. Ошибку не выдает, но и стили новые не применяет

import { Title } from '../../../styled-components/container'; export const TitlePromoBlock = styled(Title)` text-align: center; ${media.phone` text-align: left; `} `;

вот подходящий кейс как я понял для тебя

В смысле мне надо под ie10-11 отдельные стили. Подрубать линк на css для IE как то не айс, хочется через css делать

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

сейчас все верстается под ie 11-10

сейчас все верстается под ie 11-10

Текст градиентом для ie - как?)

В смысле мне надо под ie10-11 отдельные стили. Подрубать линк на css для IE как то не айс, хочется через css делать

Тогда только хаком. По крайней мере в моем проекте, используются они, но крайне редко. Из страниц 80, только 3 используют сей хак

Текст градиентом для ie - как?)

ну ты серьезно? https://stackoverflow.com/questions/48221747/fonttext-linear-gradient-in-ie-10-how первая ссылка в гугле

ну ты серьезно? https://stackoverflow.com/questions/48221747/fonttext-linear-gradient-in-ie-10-how первая ссылка в гугле

There is no way to make this work in IE10. Your only options are using an image or svg to create that icon with a gradient.

Да я забыл сказать, что в фигуры текст переделывать - это порно, чур без него

тогда никак

такой оверхед же

И единственный выход, который мне кажется норм - везде его сделать, а для ie прописать тупо цвет

Иначе там будет дичь с фоном

Хей ребята, есть проблема. Использую повсеместно на сайте bootstrap. И после недавнего обновления плагинов input-groups местами стали форматить элементы разных размеров.Допустим тут размер input-addon 34.2px а самого input 33.9 px

Какого черта?

по стилям только импортные родные для bootstrap

При этом местами нормально, а местами вот такие ступеньки

в 0.3 px

При этом местами нормально, а местами вот такие ступеньки

браузер обновился

такой оверхед же

http://browserhacks.com/ вот оно помогло)

В итоге так сделал: =ie10() @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) @content

так делают Apple

так делают Apple

Там несколько символов от силы, это норма

браузер обновился

Ну единственное решение что я вижу, я это в кастомных стилях для классов bootstrapa застайлить одинаковые емные значения

Но не когда целое предложение

Там несколько символов от силы, это норма

там фулл абзац они картинкой делают

с масками

в IE просто цвет

там фулл абзац они картинкой делают

Чо? Серьезно? Дай ссыль

ERROR: S client not available

Чо? Серьезно? Дай ссыль

ну с масками же

в IE не работают маски

Чо? Серьезно? Дай ссыль

https://www.apple.com/iphone-xs/

Так а в чем прикол? Если и без масок + текст для IE можно сделать?

import { Title } from '../../../styled-components/container'; export const TitlePromoBlock = styled(Title)` text-align: center; ${media.phone` text-align: left; `} `;

хм, но у меня так ошибку выдает Cannot create styled-component for component: undefined.

Так а в чем прикол? Если и без масок + текст для IE можно сделать?

никак ну можно заюзать либу я правда не помню как она называется, она на html или body проставляет класс браузера и ты по нему уже стайлишь нужные тебе элементы

Саша Лид has been kicked for inactivity (captcha button not pressed).

хм, но у меня так ошибку выдает Cannot create styled-component for component: undefined.

ну так тогда скрины дай где ты юзаешь конкретно Image и где стайлишь его

Kenya Williams has been kicked for inactivity (captcha button not pressed).

никак ну можно заюзать либу я правда не помню как она называется, она на html или body проставляет класс браузера и ты по нему уже стайлишь нужные тебе элементы

В смысле никак? ?

Оно работает везде, а для IE тупо цвет

Даже в старых андроидах работает градиент)

клиенты настаивают на этих градиентах?

клиенты настаивают на этих градиентах?

Нет, уже дали добро на сплошной цвет, сразу же, но я решил упороться

да не стоит право, главное - победа над клиентом одержана, остальное тлен )

В смысле никак? ?

ну говорю, я не помню как называется либа дэфолтными настройками не сделать норм определение и работу

да не стоит право, главное - победа над клиентом одержана, остальное тлен )

Я не хочу так мыслить) Я знаю, что градиент в тексте - это само по себе жопа. Но иногда его можно делать вполне хорошо. Вон, как у эплов. Вполне годно сделано. Упоролся - нашел хаки, теперь могу под IE отдельные стили катать. Удобно же, есть плюсы)

Оно работает везде, а для IE тупо цвет

так как ты распределишь то? ты на дэфолтном уровне не можешь детектить ie 11-10

да не стоит право, главное - победа над клиентом одержана, остальное тлен )

ну вот именно

мы вот на днях отказались от IE 11

ибо там чо то 0.78%

Я не хочу так мыслить) Я знаю, что градиент в тексте - это само по себе жопа. Но иногда его можно делать вполне хорошо. Вон, как у эплов. Вполне годно сделано. Упоролся - нашел хаки, теперь могу под IE отдельные стили катать. Удобно же, есть плюсы)

тут суть не в этом, у меня другой подход: говорю клиентам в таких случаях, что без костылей не сделать, а мы так не работаем (с костылями), типа не говнокодим и отвечаем за свой код

Привет. Проблемка с hover. При наведении на край ссылки hover начинает моргать. Куда копать?

хм, но у меня так ошибку выдает Cannot create styled-component for component: undefined.

ты скрины то скинешь?

.main-iphone display: block padding-top: 28px ::before content: '' position: absolute width: 600px height: 600px left: 50% margin-left: -300px border: 1px solid #ffffff border-radius: 50% z-index: -1 скажите, почему не появляется элемент before ? пишу в sass все отступы проверил

Привет. Проблемка с hover. При наведении на край ссылки hover начинает моргать. Куда копать?

Область пропадает

import { Title } from '../../../styled-components/container'; export const TitlePromoBlock = styled(Title)` text-align: center; ${media.phone` text-align: left; `} `;

styled-components без ../../../ можно указывать Хотя я вырвал из контекста, так что хз в чем там вопрос)

Привет. Проблемка с hover. При наведении на край ссылки hover начинает моргать. Куда копать?

Шрифт поди при наведении меняешь

Или ещё Чо

Шрифт поди при наведении меняешь

http://kolya.fox-agency.ru/