diff options
| author | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-23 04:01:17 +0300 |
|---|---|---|
| committer | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-23 04:01:17 +0300 |
| commit | e9f82572953a58deb7904a76a3f3d22a5c700b39 (patch) | |
| tree | a506fbc07461d353c090907369b7eb7750cb6f5a /exampleSite | |
| parent | 495d9063c158b0cc94d07405fbaa37ec8ce52f74 (diff) | |
Add 'depth' to the content area/article:
- Add -feature-depth CSS class
- Update images.md to document this
- Add page-kind-X CSS class to <body>
- Fix some <article> class inconsistencies
- Remove article header drop-shadows in print mode
Diffstat (limited to 'exampleSite')
| -rw-r--r-- | exampleSite/content/images.md | 11 | ||||
| -rw-r--r-- | exampleSite/content/search.md | 1 |
2 files changed, 12 insertions, 0 deletions
diff --git a/exampleSite/content/images.md b/exampleSite/content/images.md index e536e2b..8812d96 100644 --- a/exampleSite/content/images.md +++ b/exampleSite/content/images.md @@ -8,6 +8,7 @@ classes: - feature-figcaption-hidden - feature-3dbook-covers - feature-tablecaption +- feature-depth categories: - Demo --- @@ -101,4 +102,14 @@ and preview images: To illustrate this feature, the [search page](/search) has this feature set, so it has a plain, bannerless layout. +### Adding Depth To Headers + +Articles (but not list pages) can be given a bit of extra depth with the +`feature-depth` class, which is negatable with `feature-nodepth`. This article +is an example: notice how the content is shifted up slightly to overlap the +header image a bit, with rounded corners and a shadow around it. + +The `feature-depth` class can be set globally in your `config.yaml` or similar, +and overridden as you wish on individual pages. + Read next: [Story's built-in search features](/search-page/). diff --git a/exampleSite/content/search.md b/exampleSite/content/search.md index 94b84fa..d4eaf2c 100644 --- a/exampleSite/content/search.md +++ b/exampleSite/content/search.md @@ -6,4 +6,5 @@ skip: true classes: - feature-nosubtitle - feature-nohdr +- feature-depth --- |