mirror of https://github.com/explosion/spaCy.git
45 lines
1001 B
Sass
45 lines
1001 B
Sass
//- 💫 CSS > COMPONENTS > SIDEBAR
|
|
|
|
//- Sidebar container
|
|
|
|
.c-sidebar
|
|
background: $color-subtle-light
|
|
overflow-y: auto
|
|
|
|
@include breakpoint(min, md)
|
|
@include position(fixed, top, left, 0, 0)
|
|
@include size($sidebar-width, 100vh)
|
|
flex: 0 0 $sidebar-width
|
|
padding: calc(#{$nav-height} + 1.5rem) 0 2rem
|
|
z-index: 10
|
|
border-right: 1px solid $color-subtle
|
|
|
|
@include breakpoint(max, sm)
|
|
flex: 100%
|
|
width: 100%
|
|
margin-top: $nav-height
|
|
display: flex
|
|
flex-flow: row wrap
|
|
width: 100%
|
|
|
|
|
|
//- Sidebar section
|
|
|
|
.c-sidebar__section
|
|
& > *
|
|
padding: 0 2rem
|
|
|
|
@include breakpoint(max, sm)
|
|
flex: 1 1 0
|
|
padding: 1.25rem 0
|
|
border-bottom: 1px solid $color-subtle
|
|
margin: 0
|
|
|
|
&:not(:last-child)
|
|
border-right: 1px solid $color-subtle
|
|
|
|
.is-active
|
|
font-weight: bold
|
|
color: $color-theme
|
|
background: rgba($color-subtle, 0.4)
|