Sha256: 88b349453538b2269a954681906672078fe7ea6f1f6478cb565164e1525ee027
Contents?: true
Size: 1.57 KB
Versions: 6
Compression:
Stored size: 1.57 KB
Contents
$auther-red: #F04124;
$auther-white: #FFFFFF;
$mobile: new-breakpoint(max-width 480px 4);
.auther-page {
@include row;
}
.auther-content {
@include outer-container;
}
.auther-credentials {
@include span-columns(6);
@include shift(2);
@include media($mobile) {
@include shift(0);
@include span-columns(4);
}
}
.auther-title {
font-size: 2em;
font-weight: 400;
margin: 2em 0 1em 0;
text-align: center;
@include media($mobile) {
margin-top: 1em;
}
}
.auther-form-section {
@include span-columns(6 of 6);
}
%auther-form-label {
@include span-columns(2 of 6);
font-weight: 300;
text-align: right;
@include media($mobile) {
@include span-columns(4 of 4);
@include omega();
text-align: center;
}
}
.auther-form-label {
@extend %auther-form-label;
}
.auther-form-select-label {
@extend %auther-form-label;
}
.auther-form-select {
@include fill-parent;
}
.auther-form-group {
@include span-columns(4 of 6);
@include omega();
@include media($mobile) {
@include span-columns(4 of 4);
}
}
.auther-button {
@include shift(1.3);
@include span-columns(4 of 6);
@include media($mobile) {
@include shift(0);
@include span-columns(4 of 4);
}
}
.auther-error-message {
background: $auther-red;
color: $auther-white;
display: none;
padding: 0.3em 0.5em;
}
.auther-error {
.auther-form-label {
color: $auther-red;
}
.auther-form-group {
margin-bottom: 0.75em;
}
.auther-form-input {
border-color: $auther-red;
margin-bottom: 0;
}
.auther-error-message {
display: block;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems