docs/partials/sortable-arrows-css.mustache

	sortable-arrows-css.mustache revision 18f4388f9909487b198704745e4b61f884df1e81
.example .arrow {
    display: none;
    height: 30px;
    margin: 10px auto;
    width: 300px;
    position: relative;
    background-repeat: no-repeat;
}

.example .arrow em {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.example .arrow div {
    height: 8px;
    position: relative;
    top: 12px;
    margin: 0 30px;
    background-image: url({{componentAssets}}/bar.png);
}

.example .arrow-full {
    display: block;
    background-image: url({{componentAssets}}/arrow-left.png);
}

.example .arrow-full em {
    background-image: url({{componentAssets}}/arrow-right.png);
}

.example .arrow-out {
    display: block;
    background-image: url({{componentAssets}}/arrow-right.png);
}

.example .arrow-out em {
    background-image: url({{componentAssets}}/arrow-right.png);
}

.example .arrow-in {
    display: block;
    background-image: url({{componentAssets}}/arrow-left.png);
}

.example .arrow-in em {
    background-image: url({{componentAssets}}/arrow-left.png);
}