
$primary: 'indigo';

@import 'core-client/scss/core';
@import 'core-client/scss/components/button';
@import 'core-client/scss/components/footer';
@import 'core-client/scss/components/form';
@import 'core-client/scss/components/grid';
@import 'core-client/scss/components/modal';
@import 'core-client/scss/components/nav';
@import 'core-client/scss/components/panel';
@import 'core-client/scss/components/typography';

.welcome {
	text-align: center;
	padding: 25px 0 0;
	color: mc('grey', '700');

	h1 {
		margin-top: 5px;
	}

	h2 {
		margin: 0;
	}

}

i.icon-loader {
  display: inline-block;
  color: mc('indigo', '500')
}
i.icon-check {
  color: mc('green', '500')
}
i.icon-square-cross {
  color: mc('red', '500')
}
i.icon-warning-outline {
  color: mc('orange', '500')
}

.tst-welcome-leave-active, .tst-welcome-enter-active {
  transition: all .5s;
  overflow-y: hidden;
}
.tst-welcome-leave, .tst-welcome-enter-to {
  opacity: 1;
  max-height: 200px;
}
.tst-welcome-leave-to, .tst-welcome-enter {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
}
