Giters

konstantinmuenster / gatsby-theme-portfolio-minimal

A Gatsby Theme to create modern one-page portfolios with a clean yet expressive design.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Issue with overriding `--page-width` in `globalStyles/theme.css`

unkdrew opened this issue · comments

commented

Hi,

Im trying to override --page-width via globalStyles/theme.css as below:

:root {
  --page-width: 105rem;
}

Although the page width can be adjusted successfully, it broke a few other styling, e.g. burger becomes invisible when viewing on a mobile device, darkTheme/lightTheme both only display light theming colors.

commented

Hey @unkdrew! Thanks for opening this up! This could very well be. It's probably easy to fix since it is only a styling issue, but definitely needs some consideration. If you like, feel free to open a PR for it. I don't know when I get to fixing this.

commented

Actually, I was able to override page width and page padding via global.css, instead of via theme.css.

One caveat though, is that I have to override the whole global.css instead of just overriding the specific entries.