38 lines
561 B
SCSS
38 lines
561 B
SCSS
|
.nav {
|
||
|
|
width: 15%;
|
||
|
|
height: 100%;
|
||
|
|
min-width: 194px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment {
|
||
|
|
margin-bottom: 1.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment > h3 {
|
||
|
|
margin-left: -1rem;
|
||
|
|
margin-top: 0;
|
||
|
|
width: calc(100% + 2rem);
|
||
|
|
background-color: rgba(0,0,0, 0.2);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment > div {
|
||
|
|
padding: 0 1.25rem 0 1.25rem;
|
||
|
|
width: calc(100% - 2.5rem);
|
||
|
|
align-items: center;
|
||
|
|
margin-bottom: .5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment > div:hover {
|
||
|
|
background-color: rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment > div > a > img {
|
||
|
|
height: 1em;
|
||
|
|
padding-right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.segment > div > a {
|
||
|
|
|
||
|
|
}
|