pages/_sass
Yana Nesterenko 8086c57b79
fix code flow overflow and add responsive design fix (#3229)
## 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>
2025-11-16 22:38:44 -03:00
..
font-awesome Update Font Awesome and Tabler Icons (#2884) 2024-12-11 15:19:38 -03:00
tabler-icons Update Font Awesome and Tabler Icons (#2884) 2024-12-11 15:19:38 -03:00
_base.scss fix code flow overflow and add responsive design fix (#3229) 2025-11-16 22:38:44 -03:00
_cv.scss Revert padding from #2617 for CV tables (#2920) 2024-12-29 21:50:59 -03:00
_distill.scss Fix: Improve footnote and citation colors in Distill posts (#3172) 2025-05-23 06:42:09 -07:00
_layout.scss format code with prettier.io (#2048) 2024-01-10 00:10:51 -05:00
_tabs.scss Added support for jekyll-tabs (#2380) 2024-05-02 14:34:48 -03:00
_themes.scss Fix scrollbar color (#3058) 2025-03-11 11:42:08 -03:00
_typograms.scss Added support for Google Typograms (#2379) 2024-04-30 11:26:56 -03:00
_variables.scss Updated dependencies (#2715) 2024-09-24 15:57:59 -03:00