From e6c4e0d41c2ea487692d0f7d976e1b9d0acbb85f Mon Sep 17 00:00:00 2001 From: Shay Nehmad Date: Mon, 29 Jun 2020 17:02:43 +0300 Subject: [PATCH] Add shadow around content images --- docs/config/_default/config.toml | 2 +- docs/static/css/shadow_around_images.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 docs/static/css/shadow_around_images.css diff --git a/docs/config/_default/config.toml b/docs/config/_default/config.toml index 5fa5c3827..5b582c7cd 100644 --- a/docs/config/_default/config.toml +++ b/docs/config/_default/config.toml @@ -35,7 +35,7 @@ theme = "learn" # Order sections in menu by "weight" or "title". Default to "weight" ordersectionsby = "weight" # Provide a list of custom css files to load relative from the `static/` folder in the site root. - custom_css = ["css/labels.css"] + custom_css = ["css/labels.css", "css/shadow_around_images.css"] [outputs] home = ["HTML", "RSS", "JSON"] diff --git a/docs/static/css/shadow_around_images.css b/docs/static/css/shadow_around_images.css new file mode 100644 index 000000000..5fb93e740 --- /dev/null +++ b/docs/static/css/shadow_around_images.css @@ -0,0 +1,5 @@ +/* Add a shadow around images in content pages. Most of our content is screenshots, and the Island's background merges with + the documentation background. Only #body-inner so that the Logo image won't get a border around it */ +#body-inner img { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +}