Add configuration to Reverse layout
This commit is contained in:
parent
d06d24a0a3
commit
a04b9e1574
20
README.md
20
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 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
|
||||||
|
|
|
@ -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" . }}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue