diff options
| author | Samy Pessé <samypesse@gmail.com> | 2016-12-22 10:18:38 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2016-12-22 10:18:38 +0100 |
| commit | 194ebc3da9641ff96f083f9d8ab43c2d27944f9a (patch) | |
| tree | c50988f32ccf18df93ae7ab40be78e9459642818 /packages/gitbook-plugin-headings/_assets/website | |
| parent | 64ccb6b00b4b63fa0e516d4e35351275b34f8c07 (diff) | |
| parent | 16af264360e48e8a833e9efa9ab8d194574dbc70 (diff) | |
| download | gitbook-194ebc3da9641ff96f083f9d8ab43c2d27944f9a.zip gitbook-194ebc3da9641ff96f083f9d8ab43c2d27944f9a.tar.gz gitbook-194ebc3da9641ff96f083f9d8ab43c2d27944f9a.tar.bz2 | |
Merge pull request #1543 from GitbookIO/dream
React for rendering website with plugins
Diffstat (limited to 'packages/gitbook-plugin-headings/_assets/website')
| -rw-r--r-- | packages/gitbook-plugin-headings/_assets/website/headings.css | 41 |
1 files changed, 41 insertions, 0 deletions
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 0000000..1ef0d64 --- /dev/null +++ b/packages/gitbook-plugin-headings/_assets/website/headings.css @@ -0,0 +1,41 @@ + +.Headings-Container { + position: relative; + margin-left: -30px; + padding-left: 30px; +} + +/* Left anchors rules */ +.Headings-Container > .Headings-Anchor-Left { + position: absolute; + left: 5px; + top: 50%; + transform: translateY(-50%); + 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; +} |