Merge pull request #1543 from GitbookIO/dream

React for rendering website with plugins

1 files changed, 56 insertions, 0 deletions

diff --git a/packages/gitbook-plugin-theme-default/less/Dropdown.less b/packages/gitbook-plugin-theme-default/less/Dropdown.less
new file mode 100644
index 0000000..2c341e4
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/less/Dropdown.less
@@ -0,0 +1,56 @@
+.GitBook-Dropdown {
+    display: inline-block;
+    position: relative;
+}
+
+.GitBook-DropdownMenu {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    z-index: 300;
+    border: 1px solid @dropdown-border-color;
+    margin: 5px;
+    margin-top: 0px;
+    border-radius: 3px;
+    background: @dropdown-background;
+
+    &:before {
+        content: " ";
+        width: 0;
+        height: 0;
+        border-left: @dropdown-arrow-width solid transparent;
+        border-right: @dropdown-arrow-width solid transparent;
+        border-bottom: @dropdown-arrow-width solid @dropdown-border-color;
+        position: absolute;
+        top: -@dropdown-arrow-width;
+        right: 10px;
+    }
+
+    &:after {
+        content: " ";
+        width: 0;
+        height: 0;
+        border-left: (@dropdown-arrow-width - 1) solid transparent;
+        border-right: (@dropdown-arrow-width - 1) solid transparent;
+        border-bottom: (@dropdown-arrow-width - 1) solid @dropdown-background;
+        position: absolute;
+        top: -(@dropdown-arrow-width - 1);
+        right: 11px;
+    }
+}
+
+.GitBook-DropdownItem {
+    padding: @dropdown-padding-v @dropdown-padding-h;
+}
+
+.GitBook-DropdownItemLink {
+    width: 100%;
+    display: inline-block;
+    padding: @dropdown-padding-v @dropdown-padding-h;
+    text-align: center;
+    color: @dropdown-color;
+
+    &:hover {
+        color: @dropdown-hover-color;
+    }
+}