Какой шрифт выносить в константы в sass?
Верстаю учебный проект с Sass. Возникла дилемма с вынесением в константы размеров шрифтов. В макете который я выбрал полное обилие размеров. Есть главный заголовок с fs60 остальные по 42. Касаемо текстов, то есть куча текстов, описаний и прочего с размерами 15 16 19 пикселей. Сейчас возникла идея, что каждый вид было бы удобно вынести extend... В общем расскажите пожалуйста как дела обстоят в реальных проектах когда, приходиться работать с большим количеством шрифтов?
PS хочется сделать все аккуратно и грамотно, чтобы в последствии в этом можно было разобраться
Дополнительно:
Вы, конечно, так чудно спросили без макета...
Сейчас возникла идея, что каждый вид было бы удобно вынести extend...
Уж лучше класс.
Если речь только про размер, то не ясно что, зачем и куда выносить.
Если есть закономерности, тогда возможно, в миксины. Т.е. стопроцентно при изменении стиля в одном месте, поменяются все. Но судя по описанию, вы таких закономерностей не видите. Тогда зачем городить огород, пишите как есть. Т.е. если дизайнер не создал систему, то вы только потратите время собирая её. Возможно, это облегчит верстку прям щас, но если проект будет развиваться (учебный не будет), то будет ещё большая каша.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для определения шрифтов, которые следует выносить в константы в файле SASS, необходимо учитывать несколько факторов. Во-первых, это часто используемые шрифты, которые будут применяться к различным элементам на сайте. Например, основной шрифт для текстовых блоков, заголовков, ссылок и других элементов интерфейса.
Для начала создадим переменные для шрифтов в SASS:
$font-primary: Arial, sans-serif; $font-heading: 'Roboto', sans-serif; $font-link: 'Open Sans', sans-serif;
Здесь мы определили три переменные: $font-primary для основного текста, $font-heading для заголовков и $font-link для ссылок.
Когда у нас есть такие переменные, мы можем легко изменять шрифты на всем сайте, изменив значение переменных только в одном месте.
Также можно определить дополнительные переменные для различных начертаний шрифтов, размеров и цветов:
$font-primary-regular: 400; $font-primary-bold: 700; $font-size-small: 14px; $font-color-primary: #333;
Используя такой подход, мы можем легко управлять шрифтами на сайте, делая его код более читаемым и поддерживаемым. Кроме того, вынос шрифтов в константы поможет сделать стиль сайта более согласованным и профессиональным.