diff options
author | Ján Koščo <3k.stanley@gmail.com> | 2016-03-08 23:15:24 +0100 |
---|---|---|
committer | Ján Koščo <3k.stanley@gmail.com> | 2016-03-08 23:16:04 +0100 |
commit | a04b9e15746f679a3a6d8f325b82e2392b20d380 (patch) | |
tree | 79a5b30c07920186407b0cc1812bb9adf935a015 | |
parent | d06d24a0a3a29d44b4610fdb22b368fbe9b5021e (diff) |
Add configuration to Reverse layout
-rw-r--r-- | README.md | 20 | ||||
-rw-r--r-- | layouts/index.html | 2 |
2 files changed, 16 insertions, 6 deletions
@@ -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" . }} |