Contents

/*** WIZARD HEADER  ***/

.o-wizard-header {
	background:$white;
	height: 10rem;
	z-index: 2;
	border: 1px solid darken($lightgray,5%);
}

.o-wizard-header__title-bar {
	height: 10rem;
	display: table;
	@extend .u-left;
}


.o-wizard-header__info {
	padding: $base-space * 1.5;
}

.o-wizard-header__subtitle {
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	font-size: 1.6rem;
	margin-bottom: 0.6rem;
}



.o-wizard-status {
	width: 13rem;
	height: 10rem;
	background: lighten($gray,9%);
	color:$white;
	padding: $base-space * .5;
	border-left: 1px solid darken($lightgray,5%);
	display: table;
	@extend .u-border-box;
	@extend .u-right;
}

.o-wizard-status__container {
	display: table-cell;
	vertical-align: middle;
}

.js-tooltip__badge{
	cursor: help;
}

.o-wizard-status__label { 
	font-style: italic;
	margin-bottom: 0.5rem;
	color: $darkgray;
	display: block;

	strong{color:inherit;}
}

.o-wizard-status__counter, .o-wizard-status__counter-name {
	line-height: 1.2;
}

.o-wizard-status__counter-name {
	text-transform: uppercase;
	color: $lightgray;
	font-weight: normal;
}

.o-wizard-status__badge {
	color: $lightgray;
	display: inline-block;
	padding: $base-space * 0.25 $base-space * 1;
	font-size: 1.4rem;
	@include border-radius(12px);
}



/* TOP NAVIGATION */

.o-wizard-nav {margin-bottom: $base-space;	}

.o-wizard-nav__link {
	font-size: 1.6rem;
	color:darken($lightgray,50%);
}



/* WIZARD ACTIONS */

.c-wizard-actions {
	font-size: 1.6rem;
	display:table;
	height:8rem;
	width: 100%;
	border-top: 1px solid $lightgray;
	@extend .u-border-box;

	.c-wizard-actions__button{
		width: 50%;
		line-height: 1.2;
		display: table-cell;
		vertical-align: middle;
		@extend .u-text-center;
	}

	.u-button--primary{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.u-button--link {padding: 0;}
}


/* THEMES */

.t-wizard-status--blue {
	background: lighten($darkblue,20%);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
boletia_ui-0.1.2.1	vendor/assets/stylesheets/partials/_wizard.scss
boletia_ui-0.1.2	vendor/assets/stylesheets/partials/_wizard.scss
boletia_ui-0.1.1	vendor/assets/boletia_ui/stylesheets/partials/_wizard.scss