Add configuration to Reverse layout

This commit is contained in:
Ján Koščo 2016-03-08 23:15:24 +01:00
parent d06d24a0a3
commit a04b9e1574
2 changed files with 16 additions and 6 deletions

View File

@ -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 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 **TOML**
<body class="layout-reverse"> ```toml
... theme = "hyde"
</body>
[params]
layoutReverse = true
```
**YAML**
```yaml
theme: "hyde"
params:
layoutReverse: true
``` ```
### Disqus ### Disqus

View File

@ -1,5 +1,5 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body class="{{ .Site.Params.themeColor }}"> <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
{{ partial "sidebar.html" . }} {{ partial "sidebar.html" . }}