scss: adding views/_backend.scss
This commit is contained in:
parent
bdde1d9ac7
commit
223d78d7d4
2 changed files with 35 additions and 0 deletions
|
|
@ -44,3 +44,4 @@
|
|||
@import "views/about";
|
||||
@import "views/login";
|
||||
@import "views/register";
|
||||
@import "views/backend";
|
||||
|
|
|
|||
34
app/assets/sass/views/_backend.scss
Normal file
34
app/assets/sass/views/_backend.scss
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Reference in a new issue