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

67 lines
1.0 KiB
SCSS
Raw Normal View History

@import '~components/ui/colors.scss';
@import '~components/ui/fonts.scss';
$userBarHeight: 50px;
2016-01-04 02:48:42 +05:30
.root {
height: 100%;
}
.viewPort {
height: 100%;
2016-01-04 02:48:42 +05:30
}
.isPopupActive {
filter: blur(5px);
transition: filter 0.4s 0.1s ease;
}
2016-01-04 02:48:42 +05:30
.wrapper {
max-width: 756px;
margin: 0 auto;
2016-01-04 02:48:42 +05:30
}
.header {
position: fixed;
top: 0;
z-index: 100;
height: $userBarHeight;
width: 100%;
background: $green;
2016-01-04 02:48:42 +05:30
}
.headerContent {
composes: wrapper;
position: relative;
2016-01-04 02:48:42 +05:30
}
.logo {
line-height: 50px;
padding: 0 20px;
display: inline-block;
background: darker($green);
border-bottom: none;
font-family: $font-family-title;
font-size: 33px;
color: #fff !important;
2016-01-04 02:48:42 +05:30
}
.body {
// TODO: должны ли мы здесь описать базовый шрифт, его размер и базовую линию?
composes: wrapper;
position: relative;
2016-01-04 02:48:42 +05:30
min-height: 100%;
box-sizing: border-box;
padding-top: $userBarHeight; // place for header
2016-01-04 02:48:42 +05:30
}
.userbar {
position: absolute;
right: 0;
left: 115px;
top: 0;
2016-01-04 02:48:42 +05:30
}