Десктопная версия
Мобильная версия
Десктопная версия
Поиск в шапке
Используйте тень уровня Z2 для поля с саджестами.
Поле поиска отделено от саждестов разделителем.
Стили текста в поле поиска:
— для плейсхолдера Body L 300 (Normal) серый;
— для введенных данных Body L 500 (Normal) черный.
Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.
Поиск в каталоге
Используйте стандартные закругления 10px.
Цвет инпута #E6E6E6, rgb (230, 230, 230).
Стили текста в поле поиска:
— для плейсхолдера Body M 300 (Normal) серый;
— для введенных данных Body M 300 (Normal) черный.
Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.
Используйте тень уровня Z4 для активного поля с саджестами.
Поле поиска отделено от саждестов разделителем.
Мобильная версия
Поиск в меню
Стили текста в поле поиска:
— для плейсхолдера Body L 300 (Normal) серый;
— для введенных данных Body L 300 (Normal) черный.
Используйте стандартные стили и размеры текстовых полей.
Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.
Добавляйте тень уровня Z 2 к плашке с поиском при скролле.
Поиск в каталоге
Стили текста в поле поиска:
— для плейсхолдера Body M 300 (Normal) серый;
— для введенных данных Body M 500 (Normal) черный;
— кнопка отмены Link M 500 (Normal).
