Описание тега vertical-rhythm
0
ответов
Начальная граница и настройка размера шрифта
Я получил следующий пример: http://sassmeister.com/gist/fd882d54a8ad505e2188 на основе этой статьи: http://atendesigngroup.com/blog/vertical-rhythm-compass Все, пока элемент.meta не находится в идеальном вертикальном ритме. Но элемент.meta выпадает …
30 июл '14 в 15:10
1
ответ
Как лучше всего стабилизировать вертикальный ритм текста?
Я слышал, что относительные единицы лучше, чем абсолютные, но иногда браузеры ошибаются, и их сложно вычислить. Знаете ли вы какой-нибудь инструмент, который может помочь? Я использовал SASS/Compass. Это хорошо и очень легко, но не идеально...
27 дек '12 в 11:00
2
ответа
Тег<small> разрушает вертикальное выравнивание
Я настроил вертикальное выравнивание, используя то же значение line-height, вертикальные поля и отступы, но когда есть меньший элемент, такой как <small> тег, внутри потока, он разрушает для некоторых пикселей вертикальный ритм, я могу решить,…
02 янв '16 в 01:31
0
ответов
Правильное изменение высоты строки заголовка в модуле Compass vertical-rhyhm?
При применении модуля вертикального ритма компаса меня смущало то, что в случае, если заголовок слишком длинный, чтобы поместиться в одну строку, высота строки выглядела слишком большой, поскольку она следует значению из переменной $base-line-height…
23 янв '14 в 13:16
1
ответ
Чистый CSS, равный высоте отдельно вложенных контейнеров
Существует множество примеров CSS "столбцы одинаковой высоты", макеты "Святой Грааль", умные реализации display: table-cell и, конечно, некоторые вкусные display: flex идеи там, не в последнюю очередь здесь, на SO. Но я пытаюсь достичь чего-то, чего…
04 фев '15 в 11:49
1
ответ
Автоматизированная функциональность маржи в CSS, а не в JS
У меня есть функция, написанная на jQuery, которая автоматизирует margin-bottom или же padding-bottom (условно) стола. По сути, это сводит на нет эффект границ ячеек таблицы, толкающих страницу вниз, сохраняя вертикальный ритм без изменений. Вместо …
04 май '14 в 03:52
1
ответ
Компас: настроить ведущий против лидера
Я изучаю Компас, я немного зациклен на двух миксинах: отрегулировать ведущий до лидера. Может кто-нибудь сказать мне разницу между ними? Большое спасибо!
22 июл '14 в 11:31
1
ответ
Компас Вертикальный Ритм
У меня есть <tr> с 4 <th>внутри и без границ <tr> а также <th>все 22 пикселей в высоту, что равно моему $base-line-height - Отлично. Тем не менее, когда я добавляю +horizontal-borders(1px, 0) <th>Появится 23 пикселя в в…
01 авг '13 в 11:44
0
ответов
При попытке установить вторую базовую линию в модуле Compass Vertical Rhythm, высота линии одинакова для обеих базовых линий.
До сих пор я использовал Compass 0.12.x, и у меня был рабочий миксин для переключения базовых линий для модуля Compass Vertical Rhythm. Когда я пытаюсь применить этот миксин к Compass v1.0.1, высота строки для двух базовых линий остается неизменной.…
29 окт '14 в 00:38
1
ответ
jquery для чистого Javascript, чтобы сохранить вертикальный ритм для изображений
В поисках решения для сохранения вертикального ритма изображений я нашел этот превосходный сценарий от Филипе Фортеса http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm: $(function() { var lineHeight = parseInt($('body').c…
16 фев '12 в 15:34
2
ответа
Chrome вертикальный прыжок при обновлении страницы прокручивается вниз
При разработке веб-сайта с использованием Chrome заметил следующее: когда я обновляю страницу, пока она полностью прокручивается, я могу наблюдать вертикальный скачок. Смотрите следующее Bootply. Для воспроизведения откройте полноэкранный предварите…
09 май '14 в 18:43
7
ответов
Мой код jQuery работает, но он очень дурацкий с точки зрения программиста?
Я собрал воедино эту функцию jQuery. Его цель - рассчитать поля всех элементов img внутри div.article чтобы сбалансировать высоту изображения с базовой сеткой документа, которая составляет 20 пикселей. Чтобы соответствовать моей базовой сетке, высот…
19 ноя '09 в 12:28
1
ответ
Обивка для вертикального ритма
У меня есть очень фундаментальный вопрос, чтобы выбрать размер отступа для вертикального ритма. Скажем так: .body{ font-size: 14px; line-height: 18px; } И у нас есть div с содержимым (div имеет границу): <div class="content"> ... a very large …
07 авг '14 в 12:28
1
ответ
Масштабирование высоты строки для вертикального ритма
У меня есть вопрос о масштабировании высот линий для вертикального ритма. Я собираюсь использовать пиксели в приведенном ниже примере, чтобы упростить процесс. Допустим, это базовая структура для моего p-тега: p { font-size: 20px; line-height: 30px;…
13 апр '18 в 12:15
1
ответ
"реальный" базовый уровень для типографики
Высота строки в веб-дизайне и высота строки при печати (InDesign и более) не совпадают. Результат рядом: В сети http://jsfiddle.net/Y9M28/4/ (лучше в webkit) В печати http://jsfiddle.net/Y9M28/3/ Я пробую много хитростей, но, как вы видите из моего …
17 окт '12 в 13:21
2
ответа
Compass Vertical Rhythm - HR-теги разбивают вертикальную сетку
Я пытаюсь понять вертикальный ритм и читаю целый день, перепробовал несколько вещей, но мой макет не работает, потому что я не могу правильно применить трейлер компаса, как вы можете видеть на скриншоте: ! Скриншот Строка с желтым фоном - это мой те…
20 авг '12 в 18:37
4
ответа
Вертикальный ритм для Twitter Bootstrap
Существуют ли какие-либо плагины / расширения / методы для поддержания вертикального ритма проекта Twitter Bootstrap? Создать хорошие шаблоны вертикального ритма - довольно трудоемкая задача. Я бы предпочел использовать готовое решение. Я открыт для…
17 мар '12 в 15:30
6
ответов
Возможно ли сохранить вертикальный ритм, используя только CSS?
Я разрабатываю ориентированную на типографику WordPress тему [1], и у меня возникают проблемы с встроенными изображениями. Я могу контролировать каждый элемент и регулировать его высоту строки, нижнее поле и т.д., чтобы сохранить вертикальный ритм. …
13 фев '11 в 21:20
1
ответ
Как выровнять таблицу с границами к базовой сетке
Если у меня есть line-height равный моей базовой сетке, высота строки и обтекание текста работают хорошо в соответствии с сеткой. Но если я хочу горизонтальные разделители, это сбрасывает базовую линию. Обычно я бы использовал отрицательное поле для…
14 май '15 в 21:48
2
ответа
Как обрабатывать адаптивные изображения с вертикальным ритмом?
Я разрабатываю HTML-страницу, используя Compass/SCSS и подход с вертикальным ритмом. Я установил базовую линию и указал высоту для абзацев и заголовков в единицах rem. Он прекрасно работает и хорошо лежит на вертикальной сетке ритма. Тем не менее, у…
16 июл '15 в 14:10