diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-03-14 08:50:46 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-03-16 18:02:55 -0400 |
commit | 12896bd23eeba79884245c1c29fdc568cf21a7fa (patch) | |
tree | 4e7f83d3e2564b9b89d669e9f7905ff11768b11a /web/sass-files/sass/layout/_headers.scss | |
parent | 29fe6a3d13c9c7aa490fffebbe5d1b5fdf1e3090 (diff) | |
download | chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.gz chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.bz2 chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.zip |
Converting to Webpack. Stage 1.
Diffstat (limited to 'web/sass-files/sass/layout/_headers.scss')
-rw-r--r-- | web/sass-files/sass/layout/_headers.scss | 370 |
1 files changed, 0 insertions, 370 deletions
diff --git a/web/sass-files/sass/layout/_headers.scss b/web/sass-files/sass/layout/_headers.scss deleted file mode 100644 index 0a6b9f920..000000000 --- a/web/sass-files/sass/layout/_headers.scss +++ /dev/null @@ -1,370 +0,0 @@ -@charset 'UTF-8'; - -#channel-header { - @include flex(0 0 56px); -} - -.row { - &.header { - position: relative; - - .channel__wrap & { - display: none; - } - } -} - -.header-dropdown__icon { - font-size: 11px; - color: inherit; - top: 3px; -} - -.channel-header__info { - display: table; - table-layout: fixed; - width: 100%; - - > div { - display: block; - white-space: nowrap; - word-break: break-word; - - &.dropdown { - max-width: 100%; - padding-right: 1em; - float: left; - - .header-dropdown__icon { - color: #777; - } - - a { - text-decoration: none; - } - - .modal { - white-space: normal; - } - } - - &.description { - overflow: hidden; - text-overflow: ellipsis; - margin-top: 2px; - max-height: 45px; - .markdown-inline-img { - max-height: 45px; - } - } - - &.popover { - white-space: normal; - } - } -} - -.channel-intro { - margin: 0 auto 35px; - padding: 0 1em 5px; - max-width: 1000px; - border-bottom: 1px solid lightgrey; - - .intro-links { - margin: 0 1.5em 10px 0; - display: inline-block; - - .fa { - margin-right: 5px; - } - } - - .channel-intro-profile { - margin-top: 5px; - margin-left: 63px; - } - - .channel-intro-img { - float: left; - img { - @include border-radius(100px); - } - } - - .channel-intro__title { - font-weight: 600; - font-size: 20px; - margin-bottom: 15px; - } - - .channel-intro__content { - background: #f7f7f7; - padding: 10px 15px; - @include border-radius(3px); - } - .channel-intro-text { - margin-top: 35px; - } -} - -// Team Header in Sidebar -.sidebar--left, -.sidebar--menu { - .team__header { - position: relative; - padding: 9px 10px; - @include legacy-pie-clearfix; - - &:before { - @include single-transition(all, .05s, linear); - content: ''; - background: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - position: absolute; - } - - &:hover { - &:before { - background: rgba(black, .1); - } - - .user__name { - color: #fff; - } - - .navbar-right { - .dropdown-toggle { - @include opacity(1); - } - } - } - - .navbar-right { - font-size: .85em; - position: absolute; - top: 10px; - right: 22px; - z-index: 5; - - .dropdown-toggle { - @include single-transition(all, .1s, linear); - padding: 10px; - @include opacity(.8); - } - - .dropdown-menu { - li a { - padding: 3px 20px; - text-overflow: ellipsis; - overflow: hidden; - } - } - - .dropdown__icon { - fill: #fff; - } - } - - .settings__link a:hover, - a:visited, - a:link, - a:active { - text-decoration: none; - } - - .user__picture { - width: 36px; - height: 36px; - float: left; - @include border-radius(36px); - margin-right: 6px; - } - - .header__info { - color: #fff; - @include clearfix; - padding-left: 2px; - z-index: 1; - position: relative; - } - - .team__name, - .user__name { - display: block; - font-weight: 600; - font-size: 16px; - max-width: 85%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-decoration: none; - } - - .team__name { - line-height: 22px; - margin-top: -2px; - float: left; - } - - .user__name { - @include single-transition(all, .1s, linear); - font-size: 14px; - line-height: 18px; - font-weight: 400; - color: #eee; - color: rgba(#fff, .8); - } - - > .nav { - > li { - > a { - float: right; - background: none !important; - padding: 2px; - - &.dropdown-toggle { - line-height: 1.8; - font-size: 1em; - color: #fff; - } - } - } - } - } - .search__clear { - display: none; - } -} - -#navbar { - .navbar-default { - .navbar-toggle { - &.menu-toggle { - padding: 0 1em; - } - } - } -} - -.channel-header { - width: 100%; - border-left: none; - font-size: 14px; - line-height: 56px; - - #member_popover { - width: 50px; - color: #999; - cursor: pointer; - - .fa { - margin-left: 4px; - font-size: 16px; - } - } - - &.alt { - margin: 0; - th { - font-weight: normal !important; - } - td { - border: none; - } - } - - th { - text-align: center; - &:first-child { - text-align: left !important; - border-left: none; - width: 100%; - padding-left: 1em; - } - &:last-child { - width: 8.9%; - } - } - - td { - padding: 5px 25px 5px !important; - font-size: 13px; - text-align: center !important; - &:first-child { - text-align: left !important; - } - } - - .heading { - margin: 0; - color: #555; - font-size: 1.3em; - font-weight: 600; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - display: inline-block; - vertical-align: middle; - margin-right: 4px; - } - - .caret { - margin-top: 3px; - } - - .more { - color: #81848b; - display: inline-block; - vertical-align: top; - text-transform: capitalize; - font-size: 13px; - } - - .disabled { - color: #999; - } -} - -.channel-header__navbar { - font-size: 16px; - - .heading { - margin-right: 3px; - } - - .header-dropdown__icon { - top: 1px; - } -} - -.channel-header__links { - font-family: 'Open Sans', sans-serif; - height: 30px; - width: 24px; - line-height: 26px; - margin-right: 9px; - font-size: 22px; - - .channel__wrap.move--left & { - position: absolute; - right: -400px; - top: 14px; - } - - > a { - color: inherit; - text-decoration: none; - @include opacity(.6); - @include single-transition(all, .1s, ease-in); - - &:hover { - @include opacity(1); - } - &:focus { - color: inherit; - } - } -} |