From 56e74239d6b34df8f30ef046f0b0ff4ff0866a71 Mon Sep 17 00:00:00 2001 From: =Corey Hulen Date: Sun, 14 Jun 2015 23:53:32 -0800 Subject: first commit --- web/sass-files/sass/partials/_sidebar--right.scss | 83 +++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 web/sass-files/sass/partials/_sidebar--right.scss (limited to 'web/sass-files/sass/partials/_sidebar--right.scss') diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss new file mode 100644 index 000000000..d6000a515 --- /dev/null +++ b/web/sass-files/sass/partials/_sidebar--right.scss @@ -0,0 +1,83 @@ +.sidebar--right { + position: absolute; + width: 400px; + height: 100%; + right: 0px; + padding: 0 0 2em 0; + background: #fff; + @include single-transition(transform, 0.5s, ease); + right: -320px; + &.move--left { + right: 0; + } + .sidebar-right__body { + border-left: $border-gray; + border-top: $border-gray; + } + .post { + .post-header { + .post-header-col { + &.post-header__reply { + text-align: right; + float: right; + } + } + } + } + .post-create__container { + .post-create-footer { + padding-top: 10px; + } + } + .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; + background: url("../images/closeSidebar.png"); + @include background-size(100% 100%); + opacity: 0.5; + float: right; + outline: none; + border: none; + @include single-transition(all, 0.2s, ease-in); + &:hover, &:active { + opacity: 0.8; + } + } + .sidebar--right__header { + font-size: 1em; + text-transform: uppercase; + color: #444; + height: 44px; + padding: 0 1em; + line-height: 44px; + background: #F5F5F5; + border-bottom: $border-gray; + } + .sidebar--right__subheader { + font-size: 1em; + text-transform: uppercase; + color: #999; + font-weight: 400; + color: #888; + height: 44px; + line-height: 44px; + padding: 0 1em; + } +} + +.sidebar-right-container { + height: 100%; +} -- cgit v1.2.3-1-g7c22