Browse Source

ref: add width-wrapper variable

main
Inhji Y. 7 months ago
parent
commit
3c8cd329b0
  1. 7
      assets/css/app.scss

7
assets/css/app.scss

@ -45,6 +45,7 @@ $colors: (
$font-content: 'Open Sans', Helvetica, sans-serif;
$font-heading: $font-content;
$width-wrapper: 60rem;
$width-sidebar: 15rem;
$width-sidebar-collapsed: 3rem;
@ -117,7 +118,7 @@ a {
/* === Layout === */
.container { max-width: 60rem; }
.container { max-width: $width-wrapper; }
.grid, .flex { display: flex; }
.col, .spacer { flex: 1; }
.flex-1 {flex: 1;}
@ -127,7 +128,7 @@ a {
body.logged-in {
.container {
max-width: 60rem + $width-sidebar;
max-width: $width-wrapper + $width-sidebar;
}
#wrapper {
@ -377,7 +378,7 @@ article {
body.logged-in {
.container {
max-width: 60rem + $width-sidebar-collapsed;
max-width: $width-wrapper + $width-sidebar-collapsed;
}
#wrapper {

Loading…
Cancel
Save