Added sidebar layout size tweaks
This commit is contained in:
parent
0e395b1e21
commit
c356612612
4 changed files with 5 additions and 5 deletions
|
@ -53,7 +53,7 @@ body.flexbox {
|
|||
.flex.sidebar {
|
||||
flex: 1;
|
||||
background-color: #F2F2F2;
|
||||
max-width: 360px;
|
||||
max-width: 420px;
|
||||
min-height: 90vh;
|
||||
section {
|
||||
margin: $-m;
|
||||
|
|
|
@ -14,7 +14,7 @@ html {
|
|||
body {
|
||||
font-size: $fs-m;
|
||||
line-height: 1.6;
|
||||
color: #616161;
|
||||
color: #444;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
|
|
@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||
font-weight: 400;
|
||||
position: relative;
|
||||
display: block;
|
||||
color: #555;
|
||||
color: #333;
|
||||
.subheader {
|
||||
font-size: 0.5em;
|
||||
line-height: 1em;
|
||||
|
|
|
@ -14,12 +14,12 @@
|
|||
<div sidebar class="sidebar flex print-hidden" id="sidebar">
|
||||
<div class="sidebar-toggle primary-background-light">@icon('caret-right-circle')
|
||||
</div>
|
||||
<div class="scroll-body px-m">
|
||||
<div class="scroll-body px-xl">
|
||||
@yield('sidebar')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content mr-m flex @yield('body-wrap-classes')">
|
||||
<div class="content mr-xl flex @yield('body-wrap-classes')">
|
||||
@yield('body')
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue