diff options
-rw-r--r-- | README.md | 20 | ||||
-rw-r--r-- | layouts/index.html | 2 |
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" . }} |