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

78 lines
1.3 KiB
CSS
Raw Normal View History

2015-05-14 16:45:37 +03:00
/* Nav Lists
/* ---------------------------------------------------------- */
.nav-list {
padding: 0;
}
.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);
border-bottom: 1px solid var(--whitegrey-d1);
2015-05-14 16:45:37 +03:00
}
.nav-list-item:hover {
2023-04-18 16:28:21 +03:00
background: var(--whitegrey-l2);
cursor: pointer;
2015-05-14 16:45:37 +03:00
}
.nav-list-item.selected {
background: var(--whitegrey-l2);
}
2015-05-14 16:45:37 +03:00
.nav-list-item:first-of-type {
border-top: 1px solid var(--whitegrey-d1);
2015-05-14 16:45:37 +03:00
}
.nav-list-item button {
width: 100%;
padding: 2rem 2.4rem;
2015-05-14 16:45:37 +03:00
text-align: left;
}
.nav-list-item a {
color: var(--darkgrey);
}
.nav-list-item span {
display: flex;
align-items: center;
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
}
li.nav-list-item svg {
margin: 0 1rem 0 0;
2023-04-19 15:07:51 +03:00
height: 1.6rem;
width: 1.6rem;
}
li.nav-list-item svg path:not(li.nav-list-item .history path) {
stroke-width: 1.8;
}
li.nav-list-item .history {
2023-04-19 15:07:51 +03:00
width: 1.8rem;
height: 1.8rem;
}
li.nav-list-item.delete {
color: var(--red);
2015-05-14 16:45:37 +03:00
}
li.nav-list-item .arrow-right {
2015-05-14 16:45:37 +03:00
position: absolute;
top: 50%;
right: 24px;
margin: -0.9rem 0 0;
height: 1.4rem;
width: 1.4rem;
}
li.nav-list-item .arrow-right path {
fill: var(--midgrey);
2015-05-14 16:45:37 +03:00
}