svelte-material-ui icon indicating copy to clipboard operation
svelte-material-ui copied to clipboard

Published 20 hours ago • verified publisher icon hperrin

SvelteKit & Theme (`--mdc-layout-grid-margin-desktop`) not working together

Open DblK opened this issue 3 years ago • 0 comments

Describe the bug I created an sveltekit app and followed the documentation to make it work with svelte-material-ui. Everything working as expected until I tried to tweak the theme. I wanted to change the default value of --mdc-layout-grid-margin-desktop from 24px to 5px.

To Reproduce Steps to reproduce the behavior:

  1. Create a sveltekit app + install svelte-material-ui as per documentation
  2. Add this in _smui-theme.scss 
:root {
    --mdc-layout-grid-margin-desktop: 5px;
  }
  1. Run npm run prepare
  2. Look at the generated static/smui.css and look for --mdc-layout-grid-margin-desktop. You will see the added value of 5px but still left some other with value 24px. Since the latest value is 24px then it sticks to this despite the fact I choose to 5px.

Expected behavior If I modify any theming value in _smui-theme.scss it should be generated with those value and not the default one.

Desktop (please complete the following information):

  • OS: macOS
  • Browser Chrome
  • Version 96.0.4664.93

DblK avatar Jan 09 '22 11:01 DblK