🔧 fix base font size

README.md

@@ -0,0 +1,17 @@
+# Hugo + Gulp + LESS personal website
+
+## Installation
+
+### Prerequisites
+
+* Yarn https://yarnpkg.com/
+* Hugo http://gohugo.io/
+
+Install Yarn and Hugo. Install `gulp` globally with `yarn global add gulp` (`npm install -g gulp` is fine too).
+
+## Development
+
+Serve live with `gulp serve`.  
+Build with `gulp build:site`, deploy to GitHub Pages with `gulp deploy`.
+
+Content is in `/content`, theme "Eos" is in `/themes` with LESS files in `/themes/eos/styles`.

gulpfile.js

@@ -123,6 +123,30 @@ gulp.task('clean:site', function () {
     .pipe(clean());
 });
 
+gulp.task('serve', function () {
+  var child = spawn("hugo", ["serve", "-s", "./src", "-D"], {cwd: process.cwd()}),
+    stdout = '',
+    stderr = '';
+
+  child.stdout.setEncoding('utf8');
+
+  child.stdout.on('data', function (data) {
+    stdout += data;
+    console.log(data);
+  });
+
+  child.stderr.setEncoding('utf8');
+  child.stderr.on('data', function (data) {
+    stderr += data;
+    console.error(gutil.colors.red(data));
+    gutil.beep();
+  });
+
+  child.on('close', function (code) {
+    gutil.log("Done with exit code", code);
+  });
+});
+
 // Run `hugo` build command in a child process
 gulp.task('build:site', ['clean:site', 'build:less', 'build:icons'], function () {
   var child = spawn("hugo", ["-s", "./src", "-d", "../dist"], {cwd: process.cwd()}),

src/themes/eos/static/css/bundle.css

@@ -73,7 +73,7 @@ footer {
 }
 /*layout*/
 html {
-  font-size: calc(2em);
+  font-size: calc(0.8em + 1.3vmin);
   height: 100%;
 }
 body {
@@ -105,9 +105,6 @@ body {
   transform: translateZ(-50vmin);
 }
 @media (min-width: 100vh) {
-  html {
-    font-size: calc(2em);
-  }
   body {
     background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);
     background-size: auto 133.3vh, auto 133vh;

src/themes/eos/styles/layout.less

@@ -1,6 +1,6 @@
 /*layout*/
 html {
-  font-size: calc(0.7em + 1.3vw);
+  font-size: ~"calc(0.8em + 1.3vmin)";
   height: 100%;
 }
 
@@ -31,9 +31,6 @@ body {
   }
 }
 @media (min-width: 100vh) {
-  html {
-    font-size: calc(0.7em + 1.3vh);
-  }
   body {
     background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);
     background-size: auto 133.3vh, auto 133vh;