vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make sidebar a bit narrower

Browse source
This commit is contained in:
Huy Tran 2018-11-27 08:10:47 +11:00
parent 895bf8d44a
commit 502f773074
3 changed files with 25 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/scss/hyde-hyde/_responsive.scss
View file

@ -86,7 +86,7 @@
position: fixed;
text-align: left;
top: 0;
width: 18rem;
width: $sidebar-width;
}
.sidebar-sticky {
left: 1rem;
@ -95,9 +95,9 @@
top: 1rem;
}
.content {
margin-left: 20rem;
margin-right: 2rem;
max-width: 38rem;
margin-left: $content-margin-left;
margin-right: $content-margin-right;
max-width: $content-max-width;
}
.layout-reverse {
.sidebar {
@ -105,8 +105,8 @@
right: 0;
}
.content {
margin-left: 2rem;
margin-right: 20rem;
margin-left: $content-margin-right;
margin-right: $content-margin-left;
}
}
.col-sm-8 {
@ -138,12 +138,6 @@
body {
font-size: $large-device-font-size;
}
.content {
margin-left: 20rem;
margin-right: 2rem;
// max-width: 46.056rem;
max-width: 38rem; // @ ~70 CPL
}
.layout-reverse .content {
margin-left: 4rem;
margin-right: 22rem;
@ -157,7 +151,7 @@
width: 66.66666667%;
}
.portfolio-container {
width: 1360px;
width: 68rem;
}
}

2
assets/scss/hyde-hyde/_sidebar.scss
View file

@ -73,6 +73,8 @@
}
.copyright {
padding-top: 1rem;
text-align: center;
font-size: $copyright-font-size;
line-height: 1.1rem;
}

8
assets/scss/hyde-hyde/_variables.scss
View file

@ -88,9 +88,15 @@ $h5-font-size:1rem;
// sidebar
$sidebar-color: #300030;
$site__title-font-size: 3rem;
$sidebar-width: 16rem;
$site__title-font-size: 2.5rem;
$copyright-font-size: 0.7rem;
// content
$content-max-width: 38rem; // @ ~70 CPL
$content-margin-left: $sidebar-width + 2rem;
$content-margin-right: 2rem;
// navigation
$navigation-color: #c2255c;