From 4cfffb26f265ce1af71e1f34dc0a9468ad0caaf1 Mon Sep 17 00:00:00 2001 From: Johan Preynat Date: Sun, 9 Oct 2016 00:55:13 +0200 Subject: [PATCH] gitbook-plugin-headings: Add CSS --- .../_assets/website/headings.css | 43 +++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 packages/gitbook-plugin-headings/_assets/website/headings.css diff --git a/packages/gitbook-plugin-headings/_assets/website/headings.css b/packages/gitbook-plugin-headings/_assets/website/headings.css new file mode 100644 index 000000000..2d9833214 --- /dev/null +++ b/packages/gitbook-plugin-headings/_assets/website/headings.css @@ -0,0 +1,43 @@ +.Page { + overflow: visible; +} + +.Headings-Container { + position: relative; + margin-left: -30px; + padding-left: 30px; +} + +/* Left anchors rules */ +.Headings-Container > .Headings-Anchor-Left { + position: absolute; + left: 5px; + bottom: 15px; + opacity: 0; + color: inherit; +} + +/* Right anchors rules */ +.Headings-Container > .Headings-Anchor-Right { + padding-left: 5px; + opacity: 0; + color: inherit; +} + +.Headings-Container.Headings-Right > h1, +.Headings-Container.Headings-Right > h2, +.Headings-Container.Headings-Right > h3, +.Headings-Container.Headings-Right > h4, +.Headings-Container.Headings-Right > h5, +.Headings-Container.Headings-Right > h6 { + display: inline-block; + margin-right: 5px; +} + +/* Display on hover */ +.Headings-Container:hover > .Headings-Anchor-Left, +.Headings-Container > .Headings-Anchor-Left:focus, +.Headings-Container:hover > .Headings-Anchor-Right, +.Headings-Container > .Headings-Anchor-Right:focus { + opacity: 1; +}