3 Commits

Author SHA1 Message Date
8c0b3a7268 WIP breadcrumb style
See #52
2022-05-18 14:55:03 -05:00
73ef9cc7a6 Update README.md 2022-05-18 12:45:32 -05:00
4adb754ae3 Fix inline code links 2022-05-15 18:26:17 -05:00
2 changed files with 34 additions and 4 deletions

View File

@ -1,2 +1,4 @@
# bobatheme # bobatheme
Simple Hugo theme
The (boba) best Hugo theme. Contains everything I need for bbaovanc.com and
boba.best.

View File

@ -666,7 +666,10 @@ table.markdown {
:not(pre) > code { :not(pre) > code {
background-color: var(--background-2); background-color: var(--background-2);
/* Disable this because it overrides inline code blocks that are
* also links
color: var(--text-2); color: var(--text-2);
*/
padding: 2px 4px; padding: 2px 4px;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@ -788,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;
} }