Add configuration to Reverse layout
This commit is contained in:
parent
d06d24a0a3
commit
a04b9e1574
2 changed files with 16 additions and 6 deletions
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'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
|
||||
|
|
|
@ -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" . }}
|
||||
|
||||
|
|
Loading…
Reference in a new issue