summaryrefslogtreecommitdiffstats
path: root/webapp/sass/layout/_sidebar-right.scss
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/sass/layout/_sidebar-right.scss')
-rw-r--r--webapp/sass/layout/_sidebar-right.scss62
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 {