Ghost/ghost/admin/assets/sass/patterns/navlist.scss

65 lines
1.2 KiB
SCSS
Raw Normal View History

//
// Navigation Lists
// --------------------------------------------------
// Mobile style groups of list of links with chevrons
.nav-list {
padding: 0;
border: 1px solid #E0DFD7;
max-width: 500px;
border-radius: $rounded;
background: #FFF;
&.nav-list-block {
max-width: none;
}
}
.nav-list-item {
@include icon($i-chevron, 1.4rem, $midbrown) {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
position: relative;
display: block;
padding: 8px 40px 8px 12px;
color: $darkgrey;
&:hover {
background: lighten($lightbrown, 5%);
}
&:first-of-type {
border-top-left-radius: $rounded;
border-top-right-radius: $rounded;
}
&:last-of-type {
border-bottom-left-radius: $rounded;
border-bottom-right-radius: $rounded;
}
&:not(:last-of-type) {
border-bottom: 1px solid #E0DFD7;
}
a {
color: $darkgrey;
}
b {
display: block;
font-weight: normal;
font-size: 1.6rem;
line-height: 1.375;
}
span {
display: block;
font-size: 1.1rem;
color: $midgrey;
line-height: 1.375;
}
}//.nav-list-item