Framework Averin.pro 6.0.0

CSS Framework студии Артемия Аверина

Типографика

Скачать CSS фрагмент компонента   Собрать сборку CSS

Заголовки

Заголовок 1

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

Заголовок 2

Художественная гармония многопланово осознаёт строфоид. Наш современник стал особенно чутко относиться к слову, однако субъективное восприятие пространственно неоднородно. Декодирование иллюстрирует глубокий ритм. Мифопорождающее текстовое устройство кумулятивно.

Заголовок 3

Субъективное восприятие отталкивает лирический дактиль и передается в этом стихотворении Донна метафорическим образом циркуля. Познание текста, несмотря на то, что все эти характерологические черты отсылают не к единому образу нарратора, случайно. Правило альтернанса аннигилирует анапест.

Заголовок 4

Транстекстуальность, не учитывая количества слогов, стоящих между ударениями, откровенна. Метр пространственно интегрирует диалогический контекст. Правило альтернанса, не учитывая количества слогов, стоящих между ударениями, мгновенно.

Заголовок 5

Не факт, что целевая аудитория инновационна. Наряду с этим, диктат потребителя синхронизирует медиамикс, размещаясь во всех медиа. Еще Траут показал, что бизнес-стратегия консолидирует нестандартный подход.

Заголовок 6

Сознание отражает ускоряющийся ассоцианизм. Комплекс притягивает девиантный гештальт. Личность, как принято считать, отражает гештальт. Стратификация, в представлении Морено, многопланово отталкивает филогенез. Самость, согласно традиционным представлениям, доступна.

<h1 class="h1">.h1 Заголовок</h2>
<h2 class="h2">.h2 Заголовок</h2>
<h3 class="h3">.h3 Заголовок</h3>
<h4 class="h4">.h4 Заголовок</h4>
<h5 class="h5">.h5 Заголовок</h5>
<h6 class="h6">.h6 Заголовок</h6> 

Классы цветов

.white
.black
.red
.green
.gray
.yellow
.blue
<div class="white">.white</div>
<div class="black">.black</div>
<div class="red">.red</div>
<div class="green">.green</div>
<div class="gray">.gray</div>
<div class="yellow">.yellow</div>
<div class="blue">.blue</div> 

Подчеркивание

<a href="#" class="none">Ссылка без подчеркивания</a><br/>
<a href="#" class="underline">Ссылка с правельным подчеркиванием</a> 

Выключка

Выключка по левой стороне
Выключка по центру
Выключка по правой стороне
<div class="is-left">Выключка по левой стороне</div>
<div class="is-center">Выключка по центру</div>
<div class="is-right">Выключка по правой стороне</div> 

Выключка (для мобильной версии)

Выключка по левой стороне
Выключка по центру
Выключка по правой стороне
<div class="is-mobile-left">Выключка по левой стороне только в мобильной версии</div>
<div class="is-mobile-center">Выключка по центру только в мобильной версии</div>
<div class="is-mobile-right">Выключка по правой стороне только в мобильной версии</div> 

Изменение текста

Пример Класс
Большой .big
Маленький .small
Без переносов строк .nowrap