bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-11 09:41:36 -05:00
Code Issues Projects Releases Wiki Activity

refactor: Move components on both list & content pages to different fold

Browse Source
This commit is contained in:
BBaoVanC
2025-08-09 19:23:29 -05:00
parent 61d5ca29dd
commit 0237c496ed
1 changed files with 48 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
assets/css/bobastyle.css
View File

@@ -705,19 +705,6 @@ footer p {
} }
*/ */
/* See also formating */
.see-also {
background-color: var(--background-1);
color: var(--text-1);
padding: 8px 12px;
border-radius: 8px;
margin: 10px 0;
}
.see-also p {
margin: 0;
}
/* Previous and next page buttons {{{ */ /* Previous and next page buttons {{{ */
.prevnext { .prevnext {
@@ -768,6 +755,45 @@ footer p {
/* }}} */ /* }}} */
/* Related posts section {{{ */
/* set the margins on the contents instead of the parent .related-posts
* so that the posts in the list clip off the edge of the screen,
* which makes a more obvious indicator that it's scrollable
*/
.related-posts > hr,
.related-posts > h1 {
margin: var(--page-margin);
}
.related-posts .page {
min-width: 300px;
max-width: 300px;
}
.related-posts .page:first-child {
margin-left: var(--page-margin);
}
.related-posts .page:last-child {
margin-right: var(--page-margin);
}
.related-posts .page-list {
display: flex;
flex-direction: row;
gap: 20px;
overflow-x: auto;
margin-bottom: var(--page-margin);
}
/* }}} */
/* }}} */
/* Content components (can appear both in single and list pages) {{{ */
/* Code & code blocks {{{ */ /* Code & code blocks {{{ */
.code-block { .code-block {
display: flex; display: flex;
@@ -884,42 +910,21 @@ aside.quote {
/* }}} */ /* }}} */
/* Related posts section {{{ */ /* See also formating */
.see-also {
/* set the margins on the contents instead of the parent .related-posts background-color: var(--background-1);
* so that the posts in the list clip off the edge of the screen, color: var(--text-1);
* which makes a more obvious indicator that it's scrollable padding: 8px 12px;
*/ border-radius: 8px;
margin: 10px 0;
.related-posts > hr,
.related-posts > h1 {
margin: var(--page-margin);
} }
.related-posts .page { .see-also p {
min-width: 300px; margin: 0;
max-width: 300px;
}
.related-posts .page:first-child {
margin-left: var(--page-margin);
}
.related-posts .page:last-child {
margin-right: var(--page-margin);
}
.related-posts .page-list {
display: flex;
flex-direction: row;
gap: 20px;
overflow-x: auto;
margin-bottom: var(--page-margin);
} }
/* }}} */ /* }}} */
/* }}} */
/* @media specializations {{{ */ /* @media specializations {{{ */