Commitc805e58

authored

feat: add breadcrumb styles and improve markdown readabilitycoderabbitai#432 (coderabbitai#433)

- Add responsive breadcrumb navigation with theme-aware styling- Set line-height for markdown content to enhance readability- Implement horizontal scrolling for breadcrumbs on mobile devices

1 parent4cab822 commitc805e58Copy full SHA for c805e58

File tree

1 file changed

+37

-0

lines changed

src/css
- custom.css

1 file changed

+37

-0

lines changed

`‎src/css/custom.css‎`

Lines changed: 37 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,8 @@`
`39`	`39`	`--ifm-navbar-height:5rem;`
`40`	`40`	`--ifm-font-family-base:"Poppins","Work Sans", sans-serif;`
`41`	`41`	`--ifm-background-color-primary:#f6f6f1;`
	`42`	`+--ifm-background-color-secondary:#e8e8e8;`
	`43`	`+--ifm-breadcrumb-item-background-active:#ffe9e2;`
`42`	`44`	`}`
`43`	`45`
`44`	`46`	`[data-theme="dark"] {`
`@@ -51,6 +53,8 @@`
`51`	`53`	`--ifm-color-primary-lightest:#171717;`
`52`	`54`	`--docusaurus-highlighted-code-line-bg:rgba(0,0,0,0.3);`
`53`	`55`	`--ifm-background-color-primary:#171717;`
	`56`	`+--ifm-background-color-secondary:#232323;`
	`57`	`+--ifm-breadcrumb-item-background-active:#3f322e;`
`54`	`58`	`}`
`55`	`59`
`56`	`60`	`#__docusaurus {`
`@@ -102,6 +106,8 @@ a[docid="docs"] > svg {`
`102`	`106`	`overflow: hidden;`
`103`	`107`	`max-width:100%;`
`104`	`108`	`background:#000;`
	`109`	`+border-radius:1rem;`
	`110`	`+border:4px solidvar(--ifm-background-color-secondary);`
`105`	`111`	`}`
`106`	`112`
`107`	`113`	`.video-containeriframe {`
`@@ -298,3 +304,34 @@ a[docid="docs"] > svg {`
`298`	`304`	`.pagination-nav {`
`299`	`305`	`display: none;`
`300`	`306`	`}`
	`307`	`+/* ===== MARKDOWN STYLES ===== */`
	`308`	`+.theme-doc-markdown.markdown {`
	`309`	`+line-height:1.8rem;`
	`310`	`+}`
	`311`	`+/* ===== BREADCRUMB STYLES ===== */`
	`312`	`+`
	`313`	`+.breadcrumbs {`
	`314`	`+display: flex;`
	`315`	`+gap:0.5rem;`
	`316`	`+overflow-x: auto;`
	`317`	`+white-space: nowrap;`
	`318`	`+}`
	`319`	`+.breadcrumbs::-webkit-scrollbar {`
	`320`	`+display: none;`
	`321`	`+}`
	`322`	`+.breadcrumbs__item {`
	`323`	`+display: flex;`
	`324`	`+align-items: center;`
	`325`	`+white-space: nowrap;`
	`326`	`+gap:1rem;`
	`327`	`+}`
	`328`	`+.breadcrumbs__link {`
	`329`	`+transition: color0.2s ease;`
	`330`	`+background-color:var(--ifm-background-color-secondary);`
	`331`	`+}`
	`332`	`+`
	`333`	`+.breadcrumbs__item--active .breadcrumbs__link {`
	`334`	`+font-weight:600;`
	`335`	`+cursor: default;`
	`336`	`+background-color:var(--ifm-breadcrumb-item-background-active);`
	`337`	`+}`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commitc805e58

File tree

1 file changed

1 file changed

`‎src/css/custom.css‎`

0 commit comments