Browse Source

Increase and fix website width

nat64
Silke 4 years ago
parent
commit
e1f06b8c97
  1. 25
      static/css/styles.less

25
static/css/styles.less

@ -10,14 +10,23 @@
@headfont: 'Raleway Webfont', @mainfont;
@codefont: 'Source Code Pro Webfont', @mainfont;
// Layout
@view_max: 52em;
@left_side: 25%;
@right_side: 58.33333%;
@content_width: 32em;
@content_min: @content_width/2;
@header_scale: 10em;
@nav_width: 8em;
// Navigation size
@nav_min: @content_min/(100%/@left_side - 1);
@view_max: 48em;
@nav_width: 8em;
// Header font size
@header_scale: 10em;
// Content size
@content_pad: 1em;
@content_margin: @left_side/100% * @view_max - @nav_width + 2 * @content_pad;
@right_side: 100% - @left_side - 100%*@content_margin/@view_max;
@content_width: @view_max * @right_side/100%;
@content_min: @content_width/2 - 2*@content_pad;
.transition (@time) {
transition: all @time;
@ -248,13 +257,13 @@ article {
top: 0;
left: @left_side;
width: @right_side;
padding: 0 1em;
padding: 0 @content_pad;
padding-bottom: 5em;
z-index: 3;
hyphens: auto;
min-width: @content_min - 2em;
min-width: @content_min;
max-width: @content_width;
h1,h2,h3 {

Loading…
Cancel
Save