diff options
| author | Ján Koščo | 2016-03-08 23:15:24 +0100 |
|---|---|---|
| committer | Ján Koščo | 2016-03-08 23:16:04 +0100 |
| commit | a04b9e15746f679a3a6d8f325b82e2392b20d380 (patch) | |
| tree | 79a5b30c07920186407b0cc1812bb9adf935a015 | |
| parent | d06d24a0a3a29d44b4610fdb22b368fbe9b5021e (diff) | |
| download | hyde-a04b9e15746f679a3a6d8f325b82e2392b20d380.tar.lz hyde-a04b9e15746f679a3a6d8f325b82e2392b20d380.tar.zst hyde-a04b9e15746f679a3a6d8f325b82e2392b20d380.zip | |
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
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'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" . }} |