Ghost/ghost/admin/assets/sass/patterns/navlist.scss
Paul Adam Davis 8e7b8f8bfa Swap out Ruby Sass for Node Sass
- Uses Node Bourbon https://www.npmjs.org/package/node-bourbon
- Produces source maps
- Removed all ruby dependencie

History:
- Remove bourbon from package and cleanup grunt tasks
- Un-bourbon keyframe animations
- Un-bourbon transitions
- Un-bourbon box-sizing
- Un-bourbon font-feature-settings
- Import bourbon clearfix mixin
- Un-bourbon linear gradients
- Un-bourbon input types
- Un-bourbon positions
- Un-bourbon transforms
- Un-bourbon notification animations
- Un-bourbon uploader box-sizing
- Un-bourbon border-radius
- Un-bourbon splitbutton transitions
- Add triangle mixin
- Un-bourbon default container positioning
- Un-bourbon flexbox properties
- Fix triangle mixin - It now has the same output as the Bourbon mixin
- Add autoprefixer
- Correct global default font size
- Remove unwanted prefixes - Because, y'know, autoprefixer
- Output from node sass migration - Includes all the files we usually have, plus source maps
2014-08-30 14:13:36 +01:00

59 lines
1.1 KiB
SCSS

.nav-list {
background: #FFF;
border: 1px solid #E0DFD7;
border-radius: $rounded;
max-width: 500px;
padding: 0;
&.nav-list-block {
max-width: none;
}
}
.nav-list-item {
display: block;
padding: 8px 40px 8px 12px;
position: relative;
&: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;
}
@include icon($i-chevron, 1.4rem, $midbrown) {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
};
color: $darkgrey;
a {
&:link, &:visited {
color: $darkgrey;
}
}
&:hover {
background: lighten($lightbrown, 5%);
}
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;
}
}