<!-- Default -->
<li class="setup-step">
    User account
</li>

<!-- Active -->
<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>

<!-- Complete -->
<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>

<!-- Default -->
<li class="setup-step">
	User account
</li>

<!-- Active -->
<li class="setup-step setup-step-active">
	{{ icon 'core/o-navigate-right' 8 }} Database 
</li>

<!-- Complete -->
<li class="setup-step setup-step-complete">
	{{ icon 'core/circle-check' 14 }} Server checks 
</li>
/* Default: No context defined */

/* Active: No context defined */

/* Complete: No context defined */

  • Content:
    .setup-step {
    	@include font-scale(sm, helvetica);
    	color: palette(type, lighter);
    	display: flex;
    	align-items: center;
    }
    
    .setup-step svg {
    	fill: palette(type, dark);
    	margin-right: 6px;
    	vertical-align: top;
    }
    
    .setup-step-complete, 
    .setup-step-complete svg {
    	color: palette(success);
    	fill: palette(success);
    }
    
    .setup-step-active {
    	color: palette(type, dark);
    	font-weight: 500;
    }
  • URL: /components/raw/setup-step/setup-step.scss
  • Filesystem Path: src/components/40-setup/01-atoms/01-setup-step/setup-step.scss
  • Size: 389 Bytes

There are no notes for this item.