Ekapp/skolehjem/resources/sass/admin/nav/nav.scss

63 lines
903 B
SCSS

.nav {
width: 15%;
height: 100%;
min-width: calc(1.5em + 4rem);
transition: width .5s;
}
.segment.active {
border-right: 2px solid aqua;
}
.segment > h3 {
margin-left: -1rem;
margin-top: 0;
width: calc(100% + 1rem);
margin-bottom: 0;
font-size: 1.15em;
}
.segment > h3 > a {
padding: 1rem 2rem;
display: flex;
}
.segment > h3 > a > img {
width: 1.5em;
}
.segment > div {
/*padding: 0 1.25rem 0 1.25rem;
width: calc(100% - 2.5rem);
align-items: center;
margin-bottom: .5rem;*/
}
.segment > h3:hover {
background-color: rgba(0,0,0, 0.2);
}
.segment > div > a > img {
height: 1em;
padding-right: 8px;
}
.segment > div > a {
}
.btn-inline {
display: inline-flex;
align-items: center;
}
.btn-inline > img {
height: 1em;
margin-right: 4px;
}
#search {
margin-bottom: 0;
line-height: 2.3rem;
}