summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJán Koščo <3k.stanley@gmail.com>2016-03-08 23:15:24 +0100
committerJán Koščo <3k.stanley@gmail.com>2016-03-08 23:16:04 +0100
commita04b9e15746f679a3a6d8f325b82e2392b20d380 (patch)
tree79a5b30c07920186407b0cc1812bb9adf935a015
parentd06d24a0a3a29d44b4610fdb22b368fbe9b5021e (diff)
Add configuration to Reverse layout
-rw-r--r--README.md20
-rw-r--r--layouts/index.html2
2 files changed, 16 insertions, 6 deletions
diff --git a/README.md b/README.md
index 39b8d14..0235f16 100644
--- 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
index 6ba175e..36f3ac2 100644
--- 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" . }}