ТЗ доработок по дизайну: [url=https://docs.google.com/document/d/1n3dji20KzWjlt3Xsp3vwUQHleKedrjvsddIuHcGpSX0/edit]https://docs.google.com/document/d/1n3dji20KzWjlt3Xsp3vwUQHleKedrjvsddIuHcGpSX0/edit[/url] Макеты Figma: [url=https://www.figma.com/file/bdICZ3wHLCXVhphfDS1pyt/Amazon-Analytics-(CLEAN)?node-id=0%3A1]https://www.figma.com/file/bdICZ3wHLCXVhphfDS1pyt/Amazon-Analytics-(CLEAN)?node-id=0%3A1[/url] Основное ТЗ проекта (для общего понимания): [url=https://docs.google.com/document/d/1MdCoOAj7ptBGXD22whdgyU7f2O2dDTEFkarxpDlzWfA/edit]https://docs.google.com/document/d/1MdCoOAj7ptBGXD22whdgyU7f2O2dDTEFkarxpDlzWfA/edit[/url] Пишите свои сроки и цены.
SASS программирование
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
При использовании единиц измерения rem верстальщики зачастую выставляют базовый размер шрифта, равный 10 пикселям. В таком случае всё сводится к простым вычислениям, для которых не нужен калькулятор:
- 10px -> 1rem
- 23px -> 2.3rem
Такой подход хоть и имеет право на существование, но связан с одной проблемой: браузеры позволяют выставлять минимальный размер шрифта в своих настройках. При этом он выставляется не для тега html, что позволило бы пересчитать все единицы rem на странице, а просто насильно увеличивается размер шрифта. Это приводит к порой страшным результатам, особенно, если стоит не стандартное значение свойства line-height. Слипшиеся строки вам гарантированы.
Если мы всё же хотим использовать единицы rem и при этом высчитывать значения от реального базового размера шрифта, то нам понадобится конвертер px в rem.
В этом задании вам необходимо написать функцию px-to-rem, которая принимает на вход значения в пикселях, а на выходе возвращает значение в rem. На вход функции может поступать любое количество значений, разделённых пробелом. Это позволит писать адекватный SASS код в тех свойствах, где может быть не одно значение.
Возвращённое значение из функции обязательно должно быть в виде строки. Это позволит при любом наборе данных иметь на выходе значения, которые имеют одинаковый тип данных.
Примеры[table]
$rem-base: 16px;
.px-20 {
padding-left: px-to-rem(20px);
padding-right: px-to-rem(20px);
}
.card {
padding: px-to-rem(20px 15px 30px 45px);
}[/table]После компиляции должен получится следующий CSS код:
[table]
.px-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.card {
padding: 1.25rem 0.9375rem 1.875rem 2.8125rem;
}[/table]Подсказки
- Для перевода значения в строку можно воспользоваться интерполяцией.
- Для деления используйте функции math.div() из пространства sass:math. Само пространство уже подключено в файле app.scss
- Похожие заказы
- Дизайн сайтов23 заявкиЗакрыт2 года назад
-Главная страница -Каталог -Картка товару -Про компанию -Партнёрам(форма обратной связи) -Контакты Говорите приблизительною цену. Сайт должен быть простой и минималистичный ддя удобства клиента P.S. Только figma
Дизайн сайтов87 заявокЗакрыт2 года назадДизайн сайта. Сайт для компании, которая преизводит приправы. Структура сайта осбудится в ЛС.
Дизайн сайтов62 заявкиЗакрыт2 года назад- $10
Добрый вечер, хочу модернизировать полоску с подсказками по сайту, необходимо уменьшить ее и с профессиональной точки зрения предложить цвет-чтобы вписывался. [url=https://www.fl.ru/a.php?href=https%3A%2F%2Fvsestavki.com]vsestavki.com[/url]
Дизайн сайтов27 заявокЗакрыт2 года назад - $110
Подробно все описано в телеграме.
Дизайн сайтов1 исполнительЗавершен2 года назад - $110
Подробно все описано в телеграме.
Дизайн сайтов13 заявокЗакрыт2 года назад Создать простой дизайн лендинга на тему полировки экранов телефонов от мелких и крупных царапин. Примерное кол-во блоков - 5, нужно отсмотреть конкурентов, выделить плюсы и минусы их сайтов, посоветовать нужные блоки и подкорректировать их кол-во ...
Дизайн сайтов24 заявкиЗакрыт2 года назад- $30
[url=https://docs.google.com/spreadsheets/d/1BTLzst4hIFr1U5w1Y9nXVREYntqo9kpvKobEYxkE14Q/edit#gid=0]Тз тут[/url] Делаем только моб. 480 пикселей шириной. Если не сложно, можете отрисовать 1 блок и прикрепить ссылку, в таком случае мне будет проще принять решение и выбрать именно вас.
Дизайн сайтов13 заявокЗакрыт2 года назад Есть сайт проекта в котором могут принимать участие физические лица. Необходимо доработать сайт чтобы появилась возможность участия в проекте юридических лиц. Добавить нужно страницы регистрации и немного переделать страницы проекта. Есть исходники в figma. Результат работы нужен в figma. (работы ...
Дизайн сайтов1 исполнительЗавершен2 года назад