Add configuration to Reverse layout

alexandrevicenzi · Mar 8, 2016 · a04b9e1 · a04b9e1
1 parent d06d24a
commit a04b9e1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -84,12 +84,22 @@ To create your own theme, look to the Themes section of [included CSS file](http
 
 ![Hyde with reverse layout](https://f.cloud.github.com/assets/98681/1831230/42b0d3ac-7384-11e3-8d54-2065afd03f9e.png)
 
-Hyde's page orientation can be reversed with a single class.
+To reverse page orientation, add the `layoutReverse` variable under `params`, like so:
 
-```html
-<body class="layout-reverse">
- ...
-</body>
+**TOML**
+```toml
+theme = "hyde"
+
+[params]
+ layoutReverse = true
+```
+
+**YAML**
+```yaml
+theme: "hyde"
+
+params:
+ layoutReverse: true
 ```
 
 ### Disqus

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<body class="{{ .Site.Params.themeColor }}">
+<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
 
 {{ partial "sidebar.html" . }}