Style sidebar according to context
This commit is contained in:
@@ -6,6 +6,24 @@ body
|
||||
bottom: 0
|
||||
background-color: $color-background-light
|
||||
|
||||
&[data-context="task"]
|
||||
nav.sidebar .navbar-item.tasks
|
||||
background-color: $color-background-nav
|
||||
box-shadow: inset 3px 0 0 $color-primary
|
||||
color: white
|
||||
|
||||
&[data-context="shot"]
|
||||
nav.sidebar .navbar-item.shots
|
||||
background-color: $color-background-nav
|
||||
box-shadow: inset 3px 0 0 $color-primary
|
||||
color: white
|
||||
|
||||
&[data-context="dashboard"]
|
||||
nav.sidebar .navbar-item.attract
|
||||
background-color: $color-background-nav
|
||||
box-shadow: inset 3px 0 0 $color-primary
|
||||
color: white
|
||||
|
||||
#app-main
|
||||
display: flex
|
||||
align-items: stretch
|
||||
|
Reference in New Issue
Block a user