Документ

[TOC]

Background

Установка цвета фона

<!-- example -->
<div class="bg-blue"></div>

Возможные значения: . bg-white . bg-black . bg-grey . bg-green . bg-blue . bg-yellow . bg-red

Border

Настройка границы

<!-- example -->
<div class="border"></div>

Возможные значения:

. border . b-v . b-h . b-double . b-w-thin . b-round . b-l . b-r . b-t . b-b

Box

Настройка полей и отступов

<!-- example -->
<div class="m-t-10"></div>

Cursor

Настройка курсора

<!-- example -->
<div class="cursor-pointer"></div>

Возможные значения:

. cursor- default, auto, crosshair, pointer, move, text, wait, help

Display

Настройка отображения

<!-- example -->
<div class="d-block"></div>
<div class="hide"></div>
<div class="show"></div>

Возможные значения:

. display- inherit, none, inline, inline-block, block, table, inline-table, table-cell hide show

Flex

Настройка гибкости

<!-- example -->
<div class="flex j-between a-center"></div>
  <p>test1</p>
  <p>test2</p>
</div>

Float

Размещение по горизонтали

<!-- example -->
<div class="full-left"></div>

Font-size

Размер шрифта

<!-- example -->
<div class="fs-14"></div>

Font-weight

Начертание шрифта

<!-- example -->
<div class="bold"></div>

Link

Оформление ссылки

<!-- example -->
<div class="link-blue"></div>

Overflow

Переполнение содержимого

<!-- example -->
<div class="o-hidden>

Position

Расположение элемента

<!-- example -->
<div class="relative"></div>

Size

Ширина и высота

<!-- example -->
<div class="w-full"></div>

Text-align

Выравнивание текста

<!-- example -->
<div class="text-center"></div>

Text-color

Цвет текста

<!-- example -->
<div class="text-blue"></div>

Vertical-align

Вертикальное выравнивание

<!-- example -->
<div class="v-a-top"></div>

Visibility

Видимость элемента

<!-- example -->
<div class="visible"></div>

Возможные значения:

. display- inherit, none, inline, inline-block, block, table, inline-table, table-cell hide show

White-space

Пробелы в тексте

<!-- example -->
<div class="text-nomal"></div>