Sha256: fc9d9b98548f6887d3a5a59bfb274d55f03cbaa3ac794fc02664b29cb0e2976b
Contents?: true
Size: 1.75 KB
Versions: 15
Compression:
Stored size: 1.75 KB
Contents
@import "definitions.css.scss";
$login-width: 400px;
$splash-width: 100px;
#login #outer {
width: $login-width;
margin: 0 auto;
top: 100px;
position: relative;
h1 {
margin: 0;
padding: 0;
padding-left: $unit;
@include header;
font-size: 24px;
line-height: 28px;
color: #666;
}
#login {
position: relative;
// padding: $unit;
#splash {
display: none;
width: $splash-width;
height: $splash-width+8;
background: url(/@spontaneous/static/spot-8505041082d8d3bbe8d34c29dddb3b7d.svg) 0 0 no-repeat;
@include background-size;
position: absolute;
left: -($splash-width+$unit);
top: -5px;
}
form {
@include rounded($unit);
background-color: #eee;
border: solid 3px #fafafa;
// margin-left: $splash-width + $unit;
font-family: $content-font-family;
p {
position: relative;
margin-top: 0;
margin-bottom: $unit/2;
}
p.error {
-webkit-font-smoothing: antialiased;
@include rounded-top($unit);
@include vertical-gradient(#f00, #f00000);
// background-color: red;
padding: $unit;
color: #fff;
}
.inputs {
padding: $unit;
input {
@include box-sizing;
@include rounded;
border: none;
font-size: 14px;
font-weight: bold;
padding: $unit/2;
width: $login-width - ($unit*3);
font-family: $content-font-family;
outline-color: $action;
}
label {
position: relative;
span {
@include interface;
position: absolute;
left: $unit;
top: $unit/2;
color: #666;
&.faded {
opacity: 0.5;
}
}
}
.submit {
@extend .clearfix;
margin-bottom: 0;
}
button {
@include button;
border: none;
float: right;
width: 96px;
}
}
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems