rcreasey.github.io/js/layout.js at 696f133ed11702c2eb275d885e70144be876cfab · rcreasey/rcreasey.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
var layout = (function() {

  var render = {
    width: function() {
      _renderWidth();
    },
    padding: function() {
      _renderPadding();
    },
    gutter: function() {
      _renderGutter();
    }
  };

  var _renderWidth = function() {
    var html = helper.e("html");
    html.style.setProperty("--layout-width", state.get().layout.width + "%");
  };

  var _renderPadding = function() {
    var html = helper.e("html");
    html.style.setProperty("--layout-padding-multiplier", state.get().layout.padding);
  };

  var _renderGutter = function() {
    var html = helper.e("html");
    html.style.setProperty("--layout-gutter-multiplier", state.get().layout.gutter);
  };

  var init = function() {
    render.width();
    render.padding();
    render.gutter();
  };

  // exposed methods
  return {
    render: render,
    init: init
  };

})();