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

78 lines
1.4 KiB
CSS
Raw Normal View History

2015-05-14 16:45:37 +03:00
/* Nav Lists
/* ---------------------------------------------------------- */
.nav-list {
padding: 0;
max-width: 500px;
2021-02-10 15:48:10 +03:00
background: var(--main-color-content-greybg);
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;
2015-05-14 16:45:37 +03:00
color: var(--darkgrey);
}
.nav-list-item:hover {
2021-02-10 15:48:10 +03:00
background: var(--whitegrey);
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) {
2021-02-10 15:48:10 +03:00
border-bottom: 1px solid var(--white);
2015-05-14 16:45:37 +03:00
}
.nav-list-item button {
width: 100%;
padding: 9px 40px 10px 12px;
2015-05-14 16:45:37 +03:00
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
}