accounts-frontend/src/pages/auth/auth.scss

50 lines
599 B
SCSS
Raw Normal View History

@import '~components/ui/colors.scss';
$sidebar-width: 320px;
2016-01-04 02:48:42 +05:30
.sidebar {
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 50px;
z-index: 10;
background: $black;
2016-01-04 02:48:42 +05:30
}
.hiddenSidebar {
composes: sidebar;
display: none;
}
2016-01-04 02:48:42 +05:30
.content {
text-align: center;
max-width: 340px;
margin: 0 auto;
}
@media (min-width: 350px) {
.content {
padding: 55px 0;
}
}
@media (min-width: 720px) {
.content {
padding: 55px 50px;
margin-left: $sidebar-width;
}
.sidebar {
right: auto;
width: $sidebar-width;
}
.hiddenSidebar {
display: block;
}
2016-01-04 02:48:42 +05:30
}