releaf-permissions/app/assets/stylesheets/controllers/releaf/permissions/sessions.scss
@import 'releaf/environment';
.controller-releaf-permissions-sessions
{
@include inverted( $background-color: $color-background-inverted-darkest );
.container
{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
> .box
{
width: steps(26);
margin: 0 auto;
position: relative;
top: 15%;
.logo
{
width: steps(5);
height: steps(11);
background-repeat: no-repeat;
background-image: image-url("releaf/logo-login.png");
}
}
}
.field
{
margin-left: steps(1);
width: steps(24);
label
{
display: block;
}
.button
{
width: 100%;
}
input
{
font-weight: normal;
border: none;
}
.button
{
margin-top: steps(2);
background-color: $color-highlight-normal;
color: $color-text-inverted-lightest;
&:hover
{
background-color: $color-highlight-darker;
}
}
}
}