diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:35:57 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:39:44 +0500 |
commit | e214aae719c10953c4c3a7949c9bd02d6983b045 (patch) | |
tree | de67fab11c5866493374d602930b4b5fbc98d05a /web/sass-files/sass/partials/_sidebar--right.scss | |
parent | bf7ae0711743926cfbb031675cc3320d7a942465 (diff) | |
download | chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.gz chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.bz2 chat-e214aae719c10953c4c3a7949c9bd02d6983b045.zip |
PLT-963 - Improving scss structure
Diffstat (limited to 'web/sass-files/sass/partials/_sidebar--right.scss')
-rw-r--r-- | web/sass-files/sass/partials/_sidebar--right.scss | 124 |
1 files changed, 0 insertions, 124 deletions
diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss deleted file mode 100644 index aaa6f4c92..000000000 --- a/web/sass-files/sass/partials/_sidebar--right.scss +++ /dev/null @@ -1,124 +0,0 @@ -@charset "UTF-8"; - -.sidebar--right { - position: fixed; - width: 400px; - height: 100%; - right: 0px; - padding: 0; - background: #fff; - @include translateX(400px); - .post-body { - - img { - max-height: 200px; - } - - } - - .post { - - .post__header { - - .col__name { - - .user-popover { - max-width: 130px; - } - - } - - } - - } - - .sidebar--right__content { - height: 100%; - @include display-flex; - @include flex-direction(column); - } - - .sidebar--right__back { - color: inherit; - @include opacity(0.8); - width: 30px; - text-align: center; - margin: 0 0 0 -14px; - font-size: 13px; - display: inline-block; - } - .sidebar-right__body { - @include flex(1 1 auto); - border-left: $border-gray; - border-top: $border-gray; - @include display-flex; - @include flex-direction(column); - height: calc(100% - 56px); - @include border-radius(2px 0 0 0); - } - .sidebar__overlay { - width: 100%; - height: 100%; - background-color: yellow; - @include opacity(0.1); - position: absolute; - z-index: 5; - pointer-events: none; - } - .input-group { - word-break: break-word; - } - .sidebar--right__close { - margin: 11px 0 0 0; - width: 22px; - height: 22px; - opacity: 0.5; - font-size: 22px; - line-height: 0; - background: none; - float: right; - outline: none; - border: none; - @include single-transition(all, 0.2s, ease-in); - &:hover, &:active { - opacity: 0.8; - } - i { - position: relative; - top: -2px; - } - } - .sidebar--right__header { - font-size: 1em; - text-transform: uppercase; - color: inherit; - height: 44px; - padding: 0 1em; - line-height: 44px; - @include flex(0 0 44px); - border-bottom: $border-gray; - } - .sidebar--right__subheader { - font-size: 1em; - padding: 1em 1em 0; - h4 { - font-size: 1em; - } - ul { - @include opacity(0.7); - padding: 10px 0 0 30px; - } - li { - font-size: 0.95em; - padding-bottom: 10px; - } - } - - .suggestion-content { - max-height: 120px; - } -} - -.sidebar-right-container { - height: 100%; -} |