.has-pullquote:before {
/* Сбросьте показатели. */
padding: 0;
border: none; 

/* Содержимое */
content: attr(data-pullquote); 

/* Вынесение вправо, модульные поля на основе масштаба. */
float: rightright;
width: 320px;
margin: 12px -140px 24px 36px; 

/* Коррекция базовой линии */
position: relative;
top: 5px; 

/* Типографская разметка (высота линии в 30px равняется 25% пошагового межстрочного интервала) */
font-size: 23px;
line-height: 30px;
} 

.pullquote-adelle:before {
font-family: "adelle-1", "adelle-2";
font-weight: 100;
top: 10px !important;
} 

.pullquote-helvetica:before {
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: bold;
top: 7px !important;
} 

.pullquote-facit:before {
font-family: "facitweb-1", "facitweb-2", Helvetica, Arial, sans-serif;
font-weight: bold;
top: 7px !important;
}

Цитаты pullquote отличаются от блочных цитат blockquote тем, что извлекаются из блога или новостной статьи. Они часто ссылаются на цитируемый текст из статьи, и поэтому слегка отличаются от блочных цитат. У этого класса есть несколько основных свойств по умолчанию наряду с тремя уникальными семействами шрифтов.

Добавлено: 12 Апреля 2018 06:59:36 Добавил: Андрей Ковальчук Нравится 0

Добавить