<ul class="setup-steps">
    <li class="setup-step setup-step-complete">
        <svg width="14" height="14" class="icon icon-circle-check"><use xlink:href="/assets/svg/core.svg#circle-check" /></svg> Server checks
    </li>
    <li class="setup-step setup-step-active">
        <svg width="8" height="8" class="icon icon-o-navigate-right"><use xlink:href="/assets/svg/core.svg#o-navigate-right" /></svg> Database
    </li>
    <li class="setup-step">
        User account
    </li>
    <li class="setup-step">
        User account
    </li>
    <li class="setup-step">
        User account
    </li>
</ul>
<ul class="setup-steps">
{{> @setup-step--complete }}
{{> @setup-step--active }}
{{> @setup-step }}
{{> @setup-step }}
{{> @setup-step }}
</ul>
/* No context defined for this component. */
  • Content:
    .setup-steps {
    	list-style: none;
    	margin: $main-gutter 0;
    	padding: ($half-gutter/2) $main-gutter;
    	display: flex;
    	justify-content: space-between;
    	border-top: 1px solid palette(ui, keyline);
    	border-bottom: 1px solid palette(ui, keyline);
    	background-color: #fff;
    }
  • URL: /components/raw/setup-steps/setup-steps.scss
  • Filesystem Path: src/components/40-setup/02-molecules/01-setup-steps/setup-steps.scss
  • Size: 268 Bytes

There are no notes for this item.