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

59 lines
985 B
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%;
2016-01-04 02:48:42 +05:30
}
.isPopupActive {
filter: blur(5px);
transition: filter 0.4s ease;
overflow: hidden;
}
2016-01-04 02:48:42 +05:30
.wrapper {
max-width: 756px;
2016-01-04 02:48:42 +05:30
margin: 0 auto;
}
.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;
}
.logo {
line-height: 50px;
padding: 0 20px;
display: inline-block;
background: darker($green);
font-family: $font-family-title;
font-size: 33px;
color: #fff;
2016-01-04 02:48:42 +05:30
}
.body {
// TODO: должны ли мы здесь описать базовый шрифт, его размер и базовую линию?
2016-01-04 02:48:42 +05:30
composes: wrapper;
position: relative;
2016-01-04 02:48:42 +05:30
// place for header
min-height: 100%;
box-sizing: border-box;
padding-top: $userBarHeight;
2016-01-04 02:48:42 +05:30
}
.userbar {
float: right;
}