diff options
| author | Samy Pessé <samypesse@gmail.com> | 2014-08-10 11:04:10 -0700 |
|---|---|---|
| committer | Samy Pessé <samypesse@gmail.com> | 2014-08-11 07:36:51 -0700 |
| commit | 691d04e99470e566eb11e9e58fe8109eeda6094c (patch) | |
| tree | 7b10d1e7ff105ef9a6b37b46f1d4f0af514d3ed3 /theme/stylesheets/website/dropdown.less | |
| parent | a54959ee4f879ea83a4a2f1e1457d0d3ca9836d5 (diff) | |
| download | gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.zip gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.tar.gz gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.tar.bz2 | |
Improve dropdown to make it global
Add dropdown for sharing
Diffstat (limited to 'theme/stylesheets/website/dropdown.less')
| -rw-r--r-- | theme/stylesheets/website/dropdown.less | 39 |
1 files changed, 25 insertions, 14 deletions
diff --git a/theme/stylesheets/website/dropdown.less b/theme/stylesheets/website/dropdown.less index f8f8e9a..738499a 100644 --- a/theme/stylesheets/website/dropdown.less +++ b/theme/stylesheets/website/dropdown.less @@ -24,19 +24,30 @@ display:block; } + &.dropdown-left { + left: auto; + right: 4%; + + .dropdown-caret { + right: 14px; + left: auto; + } + } + .dropdown-caret{ position: absolute; - top: 14px; - left: -8px; - width: 10px; - height: 18px; + top: -8px; + left: 14px; + width: 18px; + height: 10px; float: left; overflow: hidden; + .caret-outer{ position: absolute; - border-bottom: 9px solid transparent; - border-top: 9px solid transparent; - border-right: 9px solid rgba(0,0,0,0.1); + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid rgba(0,0,0,0.1); height: auto; left: 0; top: 0; @@ -47,12 +58,12 @@ .caret-inner{ position: absolute; display: inline-block; - margin-left: -1px; + margin-top: -1px; top: 0; - left: 1px; - border-bottom: 9px solid transparent; - border-top: 9px solid transparent; - border-right: 9px solid @header-dropdown-background; + top: 1px; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid @header-dropdown-background; } } @@ -104,7 +115,7 @@ border-color: @sidebar-divider-color-1; .dropdown-caret .caret-inner{ - border-right: 9px solid @header-dropdown-background-1; + border-bottom: 9px solid @header-dropdown-background-1; } .buttons { @@ -132,7 +143,7 @@ border-color: @sidebar-divider-color-2; .dropdown-caret .caret-inner{ - border-right: 9px solid @header-dropdown-background-2; + border-bottom: 9px solid @header-dropdown-background-2; } .buttons { |