Теперь, когда у нас есть область для сообщений в блоге, с которой можно работать, мы действительно можем заняться типографикой сообщений в блоге. Возможно, это самая важная типографика на сайте, поскольку это место, на которое читатель будет проводить больше всего времени.
Мы начинаем с размышлений о тегах заголовков и их размере. Затем мы стилизуем элемент, который будет использоваться повсюду на сайте.
Мы напоминаем себе, что вы никогда не должны вводить строчные буквы через пробел, иначе мы воруем овец.
Мы добавляем еще один важный цвет в наш файл bits.scss $blue
, который будет использоваться для ссылок по всему сайту. Мы экспериментируем с некоторыми другими стилями ссылок, но в итоге не делаем этого. Состояния hover / focus / active достигаются простым использованием Darken()
функции Sass.
Мы увеличиваем размер шрифта первого абзаца статьи. Это просто стилистически круто, но это также своего рода психологический трюк, чтобы заставить людей читать и интересоваться статьей. Это тоже уловка для меня как писателя. Я знаю, что этот абзац будет очень большим, так что мне лучше сделать его хорошо!
Этот первый абзац может быть немного хрупким. Например, мы вставляем заполнитель для будущего объявления Google AdSense, которое затем нарушает работу селектора. Но мы это исправим!