mirror of https://github.com/ascribe/onion.git
83 lines
1.3 KiB
SCSS
83 lines
1.3 KiB
SCSS
$break-small: 764px;
|
|
|
|
|
|
.btn-wide {
|
|
background-color: rgba(2, 182, 163, 1);
|
|
color: white;
|
|
font-size: 1.2em;
|
|
padding: .5em;
|
|
text-align: center;
|
|
width: 100%;
|
|
//margin-left: 1.2em;
|
|
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgba(2, 182, 163, .6);
|
|
color: white;
|
|
}
|
|
|
|
&[disabled] {
|
|
opacity: .3;
|
|
}
|
|
}
|
|
|
|
.btn-spinner {
|
|
background-color: rgba(2, 182, 163, .4);
|
|
padding: .4em;
|
|
|
|
img {
|
|
height: 1.6em;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: rgba(2, 182, 163, .4);
|
|
}
|
|
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgba(2, 182, 163, .4);
|
|
}
|
|
}
|
|
|
|
|
|
.ascribe-login-wrapper {
|
|
margin: 0 auto;
|
|
max-width: 600px;
|
|
width: 80%;
|
|
|
|
@media screen and (max-width: $break-small) {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.ascribe-login-text {
|
|
color: rgba(0, 0, 0, .6);
|
|
font-size: .8em;
|
|
margin-left: .4em;
|
|
margin-top: 1.5em;
|
|
padding: 0 0 1em;
|
|
}
|
|
|
|
.ascribe-login-header {
|
|
font-size: 2em;
|
|
margin-left: .8em;
|
|
}
|
|
|
|
.ascribe-form {
|
|
hr {
|
|
background-color: rgba(0, 0, 0, .05);
|
|
border: 0;
|
|
color: rgba(0, 0, 0, .05);
|
|
height: 1px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
%vertical-align {
|
|
position: relative;
|
|
top: 50%;
|
|
-ms-transform: translateY(-50%);
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|