%dashui-view-more-info {
	font-size: 12px;
	line-height: 16px;
	text-align: center;

	[class*="sui-icon-"] {
		width: 21px;
		font-size: 12px;
		text-align: center;

		&:before {
			color: inherit;
		}
	}

	&:not(:first-child) {

		@include media(max-width, md) {
			margin-top: $sui-gutter-md;
		}
	
		@include media(min-width, md) {
			margin-top: $sui-gutter;
		}
	}
}

// ============================================================
// On Boarding (_onboarding.scss)
$dashui-onboarding-page: $white;

// ============================================================
// Login Connect (_login-connect.scss)

// Header: Bars
$dashui-connect-header--bar-height:                  10px;

// Header: Loading Bar
$dashui-connect-header--loading-inclination:         -70deg;
$dashui-connect-header--loading-bars-color:          #A6E0F8;
$dashui-connect-header--loading-background:          palette(blue, light);
$dashui-connect-header--loading-background-size:     24px;

// Header: Connected Bar
$dashui-connect-header--connect-size:                10px;
$dashui-connect-header--connect-background:          $blue;
$dashui-connect-header--connect-dot-size:            26px;
$dashui-connect-header--connect-dot-background:      $white;
$dashui-connect-header--connect-icon-size:           9px;

// Body
$dashui-connect-body--border-color:                  palette(silver, soft);
$dashui-connect-body--background:                    $white;
$dashui-connect-body--color:                         palette(gray, light);
$dashui-connect-body--font-size:                     13px;
$dashui-connect-body--line-height:                   22px;
$dashui-connect-body--pointer-size:                  10px;
$dashui-connect-body--pointer-position:              50px;

// Navigation
$dashui-connect-navigation--dot-size:                10px;
$dashui-connect-navigation--dot-background:          palette(silver, soft);
$dashui-connect-navigation--dot-background-current:  $blue;

// Actions
$dashui-connect-actions--button-width:               120px;
$dashui-connect-actions--button-height:              80px;
$dashui-connect-actions--button-border-color:        palette(silver, soft);
$dashui-connect-actions--button-border-color-hover:  palette(silver, medium);
$dashui-connect-actions--button-background:          transparent;
$dashui-connect-actions--button-color:               $gray;
$dashui-connect-actions--button-color-hover:         palette(gray, dark);
$dashui-connect-actions--button-icon-size:           16px;

// Process
$dashui-connect-process--width:                      222px;
$dashui-connect-process--color:                      palette(gray, light);
$dashui-connect-process--icon-size:                  16px;
$dashui-connect-process--color-ready:                $blue;
$dashui-connect-process--color-failed:               $red;
$dashui-connect-process--color-gray:                 $gray;