Source: dist/css/acc_uc.css, line 2390

6.1 Marker

Markers classes change the styles and looks of the the list item maker. Marker must attach to the parent UL or Ol and will not style the grand children.

Example s

.marker_primary

primary colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_secondary

secondary colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_accent

accent colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_alert

alert colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_warning

warning colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_success

success colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_highlight

highlight colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_black

black colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

.marker_white

white colored list markers.

List Item Text
List Item Text
List Item Text
- List Item Grand Children
- List Item Grand Children

List Item Text
List Item Text
List Item Text

<ul class="[modifier class]">
    <li>List Item Text</li>
    <li>List Item Text</li>
    <li>List Item Text
    <ul class="">
        <li>List Item Grand Children</li>
        <li>List Item Grand Children</li>
    </ul>
    </li>
</ul>
<ol class="[modifier class]">
    <li>List Item Text</li>
    <li>List Item Text</li>
    <li>List Item Text</li>
</ol>

<ul class="[modifier class]">
    <li>List Item Text</li>
    <li>List Item Text</li>
    <li>List Item Text
    <ul class="">
        <li>List Item Grand Children</li>
        <li>List Item Grand Children</li>
    </ul>
    </li>
</ul>
<ol class="[modifier class]">
    <li>List Item Text</li>
    <li>List Item Text</li>
    <li>List Item Text</li>
</ol>

Code Sample

Copy Code

Arches: Utility Classes

Arches:Utility Classes