#setup-wizard {
width: $layout--width;
height: $layout--height;
background: $layout--background;
border: 1px solid;
border-color: $layout--border-color;
display: block;
margin: auto;
margin-top: 60px;
position: relative;
overflow: hidden;
.right {
float: right;
}
.left {
float: left;
}
h1 {
line-height: 1.2;
}
&.is-active {
position: relative;
&:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
.setup-wizard-footer {
button {
@include opacity(0.6);
&:hover {
cursor: not-allowed;
}
}
}
}
}
#setting-error-bastet {
display: none !important;
}
.clearfix {
clear: both;
&:after,
&:before {
content: "";
display: table;
clear: both;
}
}
@for $i from 1 through 12 {
.c-#{$i} {
float: left;
padding-left: 10px;
padding-right: 10px;
img {
max-width: 100%;
}
}
}
.c-6 {
width: 49%;
}
.c-4 {
width: 22%;
}
.c-8 {
width: 72%;
}
.c-9 {
width: 40%;
}