## Description Fixes code block overflow issues by adding proper CSS overflow handling and responsive design: Code blocks overflow and don't scale properly #3228 ## Changes Made to _base.scss - Added `overflow-x`: auto to enable horizontal scrolling for long code lines - Added `white-space: pre` to preserve code formatting while allowing horizontal scrolling - Added `word-wrap: normal` to prevent wrapping of long lines - Added `-webkit-overflow-scrolling: touch` for smooth iOS scrolling - Added responsive font sizes for different breakpoints (576px, 400px, and 768px) - Applied fixes to `pre`, `code`, and `figure.highlight` elements ## Related Issue Closes #3228 --------- Signed-off-by: George Araújo <george.gcac@gmail.com> Co-authored-by: George Araújo <george.gcac@gmail.com> |
||
|---|---|---|
| .. | ||
| font-awesome | ||
| tabler-icons | ||
| _base.scss | ||
| _cv.scss | ||
| _distill.scss | ||
| _layout.scss | ||
| _tabs.scss | ||
| _themes.scss | ||
| _typograms.scss | ||
| _variables.scss | ||