diff --git a/app/assets/sass/application.scss b/app/assets/sass/application.scss index a1f7d81..f44df01 100644 --- a/app/assets/sass/application.scss +++ b/app/assets/sass/application.scss @@ -44,3 +44,4 @@ @import "views/about"; @import "views/login"; @import "views/register"; +@import "views/backend"; diff --git a/app/assets/sass/views/_backend.scss b/app/assets/sass/views/_backend.scss new file mode 100644 index 0000000..ee74ef0 --- /dev/null +++ b/app/assets/sass/views/_backend.scss @@ -0,0 +1,34 @@ + +.backend { + display: flex; + background-color: $section-bg; + border-radius: 2px; + @include box-shadow($block-shadow-3); + + &-sidemenu { + @extend .list-group; + width: 15%; + background-color: darken($section-bg, 4%); + border: 1px solid darken($section-bg, 8%); + > li { + list-style: none; + + a { + display: block; + color: $text-secondary-color; + padding: .8em 1.6em; + + &:hover { + background: darken($section-bg, 8%); + color: $text-color; + text-decoration: none; + } + } + } + } + + &-content { + width: 85%; + padding: $section-padding; + } +}