KSS Style Guide

4.1 #Cursor - alias .crsr-alias

Sets the of cursor over an element to alias.

Examples

Default styling

A div

.crsr-alias

Sets cursor to alias

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1529

4.2 #Cursor - all-scroll .crsr-all-scroll

Sets the of cursor over an element to all-scroll.

Examples

Default styling

A div

.crsr-all-scroll

Sets cursor to all-scroll

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1833

4.3 #Cursor - auto .crsr-auto

Sets the of cursor over an element to auto.

Examples

Default styling

A div

.crsr-auto

Sets cursor to auto

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1337

4.4 #Cursor - cell .crsr-cell

Sets the of cursor over an element to cell.

Examples

Default styling

A div

.crsr-cell

Sets cursor to cell

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1465

4.5 #Cursor - col-resize .crsr-col-resize

Sets the of cursor over an element to col-resize.

Examples

Default styling

A div

.crsr-col-resize

Sets cursor to col-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1801

4.6 #Cursor - context-menu .crsr-context-menu

Sets the of cursor over an element to context-menu.

Examples

Default styling

A div

.crsr-context-menu

Sets cursor to context-menu

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1385

4.7 #Cursor - copy .crsr-copy

Sets the of cursor over an element to copy.

Examples

Default styling

A div

.crsr-copy

Sets cursor to copy

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1545

4.8 #Cursor - crosshair .crsr-crosshair

Sets the of cursor over an element to crosshair.

Examples

Default styling

A div

.crsr-crosshair

Sets cursor to crosshair

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1481

4.9 #Cursor - default .crsr-default

Sets the of cursor over an element to default.

Examples

Default styling

A div

.crsr-default

Sets cursor to default

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1353

4.10 #Cursor - e-resize .crsr-e-resize

Sets the of cursor over an element to e-resize.

Examples

Default styling

A div

.crsr-e-resize

Sets cursor to e-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1609

4.11 #Cursor - ew-resize .crsr-ew-resize

Sets the of cursor over an element to ew-resize.

Examples

Default styling

A div

.crsr-ew-resize

Sets cursor to ew-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1737

4.12 #Cursor - grab .crsr-grab

Sets the of cursor over an element to grab.

Examples

Default styling

A div

.crsr-grab

Sets cursor to grab

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1881

4.13 #Cursor - grabbing .crsr-grabbing

Sets the of cursor over an element to grabbing.

Examples

Default styling

A div

.crsr-grabbing

Sets cursor to grabbing

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1897

4.14 #Cursor - help .crsr-help

Sets the of cursor over an element to help.

Examples

Default styling

A div

.crsr-help

Sets cursor to help

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1401

4.15 #Cursor - move .crsr-move

Sets the of cursor over an element to move.

Examples

Default styling

A div

.crsr-move

Sets cursor to move

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1561

4.16 #Cursor - n-resize .crsr-n-resize

Sets the of cursor over an element to n-resize.

Examples

Default styling

A div

.crsr-n-resize

Sets cursor to n-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1625

4.17 #Cursor - ne-resize .crsr-ne-resize

Sets the of cursor over an element to ne-resize.

Examples

Default styling

A div

.crsr-ne-resize

Sets cursor to ne-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1641

4.18 #Cursor - nesw-resize .crsr-nesw-resize

Sets the of cursor over an element to nesw-resize.

Examples

Default styling

A div

.crsr-nesw-resize

Sets cursor to nesw-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1769

4.19 #Cursor - no-drop .crsr-no-drop

Sets the of cursor over an element to no-drop.

Examples

Default styling

A div

.crsr-no-drop

Sets cursor to no-drop

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1577

4.20 #Cursor - none .crsr-none

Sets the of cursor over an element to none.

Examples

Default styling

A div

.crsr-none

Sets cursor to none

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1369

4.21 #Cursor - not-allowed .crsr-not-allowed

Sets the of cursor over an element to not-allowed.

Examples

Default styling

A div

.crsr-not-allowed

Sets cursor to not-allowed

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1593

4.22 #Cursor - ns-resize .crsr-ns-resize

Sets the of cursor over an element to ns-resize.

Examples

Default styling

A div

.crsr-ns-resize

Sets cursor to ns-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1753

4.23 #Cursor - nw-resize .crsr-nw-resize

Sets the of cursor over an element to nw-resize.

Examples

Default styling

A div

.crsr-nw-resize

Sets cursor to nw-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1657

4.24 #Cursor - nwse-resize .crsr-nwse-resize

Sets the of cursor over an element to nwse-resize.

Examples

Default styling

A div

.crsr-nwse-resize

Sets cursor to nwse-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1785

4.25 #Cursor - pointer .crsr-pointer

Sets the of cursor over an element to pointer.

Examples

Default styling

A div

.crsr-pointer

Sets cursor to pointer

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1417

4.26 #Cursor - progress .crsr-progress

Sets the of cursor over an element to progress.

Examples

Default styling

A div

.crsr-progress

Sets cursor to progress

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1433

4.27 #Cursor - row-resize .crsr-row-resize

Sets the of cursor over an element to row-resize.

Examples

Default styling

A div

.crsr-row-resize

Sets cursor to row-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1817

4.28 #Cursor - s-resize .crsr-s-resize

Sets the of cursor over an element to s-resize.

Examples

Default styling

A div

.crsr-s-resize

Sets cursor to s-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1673

4.29 #Cursor - se-resize .crsr-se-resize

Sets the of cursor over an element to se-resize.

Examples

Default styling

A div

.crsr-se-resize

Sets cursor to se-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1689

4.30 #Cursor - sw-resize .crsr-sw-resize

Sets the of cursor over an element to sw-resize.

Examples

Default styling

A div

.crsr-sw-resize

Sets cursor to sw-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1705

4.31 #Cursor - text .crsr-text

Sets the of cursor over an element to text.

Examples

Default styling

A div

.crsr-text

Sets cursor to text

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1497

4.32 #Cursor - vertical-text .crsr-vertical-text

Sets the of cursor over an element to vertical-text.

Examples

Default styling

A div

.crsr-vertical-text

Sets cursor to vertical-text

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1513

4.33 #Cursor - w-resize .crsr-w-resize

Sets the of cursor over an element to w-resize.

Examples

Default styling

A div

.crsr-w-resize

Sets cursor to w-resize

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1721

4.34 #Cursor - wait .crsr-wait

Sets the of cursor over an element to wait.

Examples

Default styling

A div

.crsr-wait

Sets cursor to wait

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1449

4.35 #Cursor - zoom-in .crsr-zoom-in

Sets the of cursor over an element to zoom-in.

Examples

Default styling

A div

.crsr-zoom-in

Sets cursor to zoom-in

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1849

4.36 #Cursor - zoom-out .crsr-zoom-out

Sets the of cursor over an element to zoom-out.

Examples

Default styling

A div

.crsr-zoom-out

Sets cursor to zoom-out

A div

Markup

<div class="[modifier class]">A div</div>

Source: dist/full/full.css, line 1865