accounts-frontend/packages/app/pages/auth/auth.scss

48 lines
653 B
SCSS
Raw Normal View History

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