diff options
Diffstat (limited to 'webapp/sass/layout/_sidebar-right.scss')
-rw-r--r-- | webapp/sass/layout/_sidebar-right.scss | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/webapp/sass/layout/_sidebar-right.scss b/webapp/sass/layout/_sidebar-right.scss index e1a7d7641..a7b631047 100644 --- a/webapp/sass/layout/_sidebar-right.scss +++ b/webapp/sass/layout/_sidebar-right.scss @@ -1,13 +1,13 @@ @charset 'UTF-8'; .sidebar--right { - position: fixed; - width: 400px; + @include translateX(400px); + background: $white; height: 100%; - right: 0px; padding: 0; - background: #fff; - @include translateX(400px); + position: fixed; + right: 0; + width: 400px; .post-body { img { @@ -26,39 +26,39 @@ } .sidebar--right__content { - height: 100%; @include display-flex; @include flex-direction(column); + height: 100%; } .sidebar--right__back { - color: inherit; @include opacity(.8); - width: 30px; - text-align: center; - margin: 0 0 0 -14px; - font-size: 13px; + color: inherit; display: inline-block; + font-size: 13px; + margin: 0 0 0 -14px; + text-align: center; + width: 30px; } .sidebar-right__body { + @include border-radius(2px 0 0 0); + @include display-flex; @include flex(1 1 auto); + @include flex-direction(column); 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(.1); + background-color: $yellow; + height: 100%; + pointer-events: none; position: absolute; + width: 100%; z-index: 5; - pointer-events: none; } .input-group { @@ -66,17 +66,17 @@ } .sidebar--right__close { - margin: 11px 0 0 0; - width: 22px; - height: 22px; - opacity: .5; - font-size: 22px; - line-height: 0; + @include single-transition(all, .2s, ease-in); background: none; + border: none; float: right; + font-size: 22px; + height: 22px; + line-height: 0; + margin: 11px 0 0; + opacity: .5; outline: none; - border: none; - @include single-transition(all, .2s, ease-in); + width: 22px; &:hover, &:active { @@ -90,14 +90,14 @@ } .sidebar--right__header { - font-size: 1em; - text-transform: uppercase; + @include flex(0 0 44px); + border-bottom: $border-gray; color: inherit; + font-size: 1em; height: 44px; - padding: 0 1em; line-height: 44px; - @include flex(0 0 44px); - border-bottom: $border-gray; + padding: 0 1em; + text-transform: uppercase; } .sidebar--right__subheader { |