skill-assessment-app/app/assets/stylesheets/templates/_questions.scss

72 lines
1.2 KiB
SCSS
Raw Normal View History

2016-07-28 12:52:54 -05:00
.questions_tpl {
@include outer-container;
.prft-heading,
.content-well {
padding: 1rem 0;
@include outer-container;
.column-left,
.column-right {
@include span-columns(12);
@include omega();
}
}
.form-group {
position: relative;
textarea {
+ label {
position: absolute;
left: 3rem;
top: 1rem;
pointer-events: none;
}
&:focus,
&:valid {
+ label {
top: -10px;
font-size: 0.8em;
}
}
}
}
textarea {
// padding: 1rem 3rem;
padding: 1rem 0;
}
}
.btn-container-left,
.btn-container-right {
padding-top: 2rem;
}
.btn-container-left {
@include span-columns(5);
}
.btn-container-right {
@include span-columns(7);
@include omega();
text-align: right;
}
.btn-container-summary {
text-align: center;
}
@media only screen and (min-width: $desktop) {
.questions_tpl {
@include outer-container;
.prft-heading,
.content-well {
.column-left {
@include omega-reset(6n);
@include span-columns(6);
}
.column-right {
@include span-columns(6);
@include omega();
}
}
}
}