Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Change width > max-width for $livingstyleguide--width #185
To make the livingstyleguide more responsive, it makes sense to make the width declaration max-width instead of width. As it currently stands, width means that if the window is smaller than 640px, the elements with
Changing this to max-width keeps the same effect for when there's more than 640px available, but also means it doesn't break for smaller screens.
As a result of this change, I've changed
From what I can see the individual color swatches may need a bit of work to make them responsive too, as I'm not sure if they're set up to break into multiple levels.
As this is used to document responsive websites, it's great for the styleguide to be responsive too to allow this.
Great work with LSG, thanks for making it :thumbs-up:
You can already work with it by installing v2.0.0.alpha.11. The documentation is available in the README of the v2 branch. The syntax changed a bit to offer more features. Let me know if it works for you.
You can follow @LSGorg for more updates on the next version!