Update README.md

[sky-jack]

I wanted to propose an extra line to this documentation, as being fairly new to CSS custom properties it took me a bit of time to realise how to best to adjust these values using media queries and though useful for the purpose of demonstration, adding the properties inline seems to make this difficult.

[tulipdexter]

I find it strange that we're encouraging overriding these values with inline styles 🤔.
Would it be better not to mention inline at all, e.g. meaning you can override them in your stylesheets, and then provide example scss code?

[alexkilgour]

what is the use case for being able to override these? and agree and example would be useful

[sky-jack]

I am also not quite sure of the use case for adjusting these custom properties inline and from my limited experience with this would agree with providing another example, but its possible I'm missing something here.

[sturobson]

I think having the ability to change the value for --with-sidebar--basis in. your projects stylesheet to override the default value is fine. You may find, depending on how often and where you're using this layout you might need a couple of variations of it set in the parent component (or the component) class.

<article class="eds-c-summary | eds-c-with-sidebar">
… 
</article>

or

<article class="eds-c-summary">
  <div class="eds-l-with-sidebar">
    …
  </div>
</article>

can be targeted like:

.eds-c-summary {
  // this will target the css custom property for the sidebar, and any child elements (because of the Cascade).
  --with-sidebar--basis: 34rem;
}

You can also change --with-sidebar--gap if needed too.

As the component is an intrinsic layout (where you offer the browser guidance rather than strictly dictate what you want it to do) I don't think adding a media query is in the spirit of what the component is set out to do,

[sky-jack]

Thanks for this suggestion, I've made a further change to reflect this.