bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2024-11-17 05:15:58 -06:00
Code Issues Projects Releases Wiki Activity

WIP breadcrumb style

Browse Source 
See #52
This commit is contained in:
BBaoVanC 2022-05-18 14:55:03 -05:00
parent 73ef9cc7a6
commit 8c0b3a7268
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
assets/css/bobastyle.css
View File

@ -791,20 +791,45 @@ li.disabled > .page-link:hover {
/* Breadcrumb navigation */ /* Breadcrumb navigation */
.breadcrumb { .breadcrumb {
margin: 30px 0 20px; margin: 16px 0;
} }
.breadcrumb ul { .breadcrumb ul {
padding: 0; padding: 0;
list-style: none; list-style: none;
display: flex;
justify-content: space-between;
flex-grow: 1;
} }
.breadcrumb li { .breadcrumb li {
display: inline; display: inline;
padding: 8px;
background-color: var(--background-1);
} }
.breadcrumb li+li:before { .breadcrumb li:hover {
content: "»" background-color: var(--background-2);
cursor: pointer;
}
.breadcrumb li a:hover {
text-decoration: none;
}
.breadcrumb li.active:hover {
cursor: default;
}
.breadcrumb li:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
padding-left: 12px;
}
.breadcrumb li:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
padding-right: 12px;
} }