Ghost/ghost/admin/app/styles/patterns/navlist.css

78 lines
1.5 KiB
CSS
Raw Normal View History

2015-05-14 16:45:37 +03:00
/* Nav Lists
/* ---------------------------------------------------------- */
.nav-list {
padding: 0;
max-width: 500px;
border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
2015-05-16 00:28:30 +03:00
background: #fff;
2015-05-16 14:43:12 +03:00
border-radius: var(--border-radius);
2015-05-14 16:45:37 +03:00
}
.nav-list.nav-list-block {
max-width: none;
}
.nav-list-item {
position: relative;
display: block;
2017-02-21 12:16:32 +03:00
margin: 0;
padding: 9px 40px 10px 12px;
2015-05-14 16:45:37 +03:00
color: var(--darkgrey);
}
.nav-list-item:hover {
background: color-mod(var(--lightgrey) l(+6%));
cursor: pointer;
2015-05-14 16:45:37 +03:00
}
.nav-list-item:first-of-type {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
.nav-list-item:last-of-type {
border-bottom-right-radius: var(--border-radius);
2015-05-16 14:43:12 +03:00
border-bottom-left-radius: var(--border-radius);
2015-05-14 16:45:37 +03:00
}
.nav-list-item:not(:last-of-type) {
border-bottom: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
2015-05-14 16:45:37 +03:00
}
.nav-list-item button {
text-align: left;
}
.nav-list-item a {
color: var(--darkgrey);
}
.nav-list-item b {
display: block;
font-size: 1.4rem;
2015-05-14 16:45:37 +03:00
line-height: 1.375;
font-weight: 600;
2015-05-14 16:45:37 +03:00
}
.nav-list-item span {
display: block;
color: var(--midgrey);
font-size: 1.2rem;
2015-05-14 16:45:37 +03:00
line-height: 1.375;
2017-02-21 12:16:32 +03:00
letter-spacing: 0.2px;
2015-05-14 16:45:37 +03:00
}
.nav-list-item svg {
2015-05-14 16:45:37 +03:00
position: absolute;
top: 50%;
right: 10px;
margin-top: -0.9rem;
height: 1.4rem;
width: 1.4rem;
}
.nav-list-item svg path {
fill: var(--midgrey);
2015-05-14 16:45:37 +03:00
}