2016-12-06 16:55:48 +00:00
|
|
|
.app-wrap {
|
2019-01-03 20:46:55 +00:00
|
|
|
display: flex;
|
2020-11-23 19:22:42 +00:00
|
|
|
min-height: 100vh;
|
2016-12-06 16:55:48 +00:00
|
|
|
}
|
|
|
|
|
2016-11-03 19:40:54 +00:00
|
|
|
.core-wrapper {
|
2019-01-03 20:46:55 +00:00
|
|
|
flex-grow: 1;
|
2016-12-06 16:55:48 +00:00
|
|
|
margin: 0;
|
2016-12-15 14:44:45 +00:00
|
|
|
padding: 0 0 0 $pad-base;
|
2017-01-06 15:36:51 +00:00
|
|
|
max-width: calc(100% - 258px);
|
2017-01-05 18:08:19 +00:00
|
|
|
position: relative;
|
2017-01-06 15:36:51 +00:00
|
|
|
|
2017-02-24 23:01:43 +00:00
|
|
|
&--small {
|
|
|
|
max-width: calc(100% - 73px);
|
|
|
|
}
|
|
|
|
|
2017-01-06 15:36:51 +00:00
|
|
|
@include breakpoint(smalldesk) {
|
|
|
|
max-width: calc(100% - 73px);
|
|
|
|
}
|
2016-12-06 16:55:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.site-nav {
|
2018-09-18 21:14:13 +00:00
|
|
|
background-color: #f4f7fb;
|
2016-12-06 16:55:48 +00:00
|
|
|
border-right: 1px solid $border-medium;
|
|
|
|
box-sizing: border-box;
|
2017-01-09 23:13:52 +00:00
|
|
|
width: $nav-width;
|
2016-11-03 19:40:54 +00:00
|
|
|
|
2017-02-24 23:01:43 +00:00
|
|
|
&--small {
|
|
|
|
padding-left: 0;
|
|
|
|
width: $nav-tablet-width;
|
|
|
|
}
|
|
|
|
|
2016-12-21 18:39:40 +00:00
|
|
|
@include breakpoint(smalldesk) {
|
2016-12-06 16:55:48 +00:00
|
|
|
padding-left: 0;
|
2017-01-09 23:13:52 +00:00
|
|
|
width: $nav-tablet-width;
|
2016-11-03 19:40:54 +00:00
|
|
|
}
|
|
|
|
}
|