diff options
author | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
commit | 56e74239d6b34df8f30ef046f0b0ff4ff0866a71 (patch) | |
tree | 044da29848cf0f5c8607eac34de69065171669cf /web/sass-files/sass/partials/_sidebar--left.scss | |
download | chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.tar.gz chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.tar.bz2 chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.zip |
first commit
Diffstat (limited to 'web/sass-files/sass/partials/_sidebar--left.scss')
-rw-r--r-- | web/sass-files/sass/partials/_sidebar--left.scss | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/web/sass-files/sass/partials/_sidebar--left.scss b/web/sass-files/sass/partials/_sidebar--left.scss new file mode 100644 index 000000000..b1dd470d2 --- /dev/null +++ b/web/sass-files/sass/partials/_sidebar--left.scss @@ -0,0 +1,95 @@ +.sidebar--left { + position: absolute; + width: 220px; + left: 0; + height: 100%; + border-right: $border-gray; + padding: 0 0 2em 0; + background: #fafafa; + &.sidebar--padded { + padding-top: 44px; + } + .search__form { + margin: 0; + padding: 1em 1em 0; + display: none; + } + > div { + height: 100%; + position: absolute; + padding-bottom: 70px; + width: 100%; + } + .badge { + background-color: $primary-color; + } + .status { + position:relative; + top:1px; + margin-right: 3px; + .online--icon { + fill: #7DBE00; + } + } + .nav-pills__container { + height: 100%; + position: relative; + overflow: auto; + } + .nav { + &.nav-stacked { + > li+li { + margin: 0; + } + } + li { + > h4 { + font-size: 1em; + text-transform: uppercase; + margin: 1.1em 0 0.5em; + font-weight: 400; + color: #AAA; + letter-spacing: -0.3px; + padding: 0 10px 0 15px; + } + > a { + padding: 3px 10px 3px 25px; + line-height: 1.5; + border-radius: 0; + color: #999; + &.unread-title { + color: #333; + font-weight: bold; + } + &:hover, &:focus { + background: #e6f2fa; + } + } + &.active { + a, a:hover, a:focus { + color: #111; + background-color: #e1e1e1; + border-radius: 0; + } + } + } + } + .modal-title { + line-height: 2em; + } + + .add-channel-btn { + float: right; + outline: none; + margin: -2px 0 0 0; + color: #AAA; + padding: 0 5px; + text-decoration: none; + font-size: 22px; + line-height: 18px; + font-weight: 700; + &:hover { + color: #666; + } + } +} |