Add simple-blue-roboto.json

[JCarlosR]

New Stylesheet Submission:

• Have you followed the guidelines in our Contributing document?
• Have you checked to ensure there aren't other files using the same name as yours?
• Have you filled in at least the required data for title, author, and stylesheet?
• Is the value of stylesheet a full URL that is publicly accessible and renders an unminified, compiled CSS file?
• Do your styles pass proper contrast for accessibility?
• [] Have you included @media (prefers-reduced-motion: reduce) to remove animations on *,*::before,*::after?
• [] Did you style the .skip-link?
• Have you checked on a real mobile device to ensure your responsive design doesn't cause overlaps or overflow scrolling?

I think I missed 2 points. Are they mandatory?
Let me know if that's the case 😅.

[github-actions]

👋 Thanks for participating! I will review as soon as possible, usually within a few hours.

Watch for notifications as I may request some small changes to make sure this meets the guidelines.

In a few minutes, the Netlify process at the end of this PR will make a preview available. Look for the message "Deploy preview ready!" then click the "Details" link next to it to launch a preview of your styles. Make changes if needed, and comment if you do so I can re-deploy the preview. Note that the "sponsor footer" is not available to fully style, but you may fix any issues it causes to your layout.

Thanks again, I hope you learned something while making your stylesheet! 💫

[5t3ph]

Hi @JCarlosR - since you've largely kept the default styles as the base, you got the skip link for free ;)

As for the prefers-reduced-motion you also inherited that from the base styles, but you need to extend it to include at least :after to also remove the animation from the nav on hover 👍

I like this minimal update and the subtle animation and color changes!

[JCarlosR]

In DevTools, using Ctrl+Shift+P and typing "reduce" it is possible to emulate the preference. Now I understand what this prefers-reduced-motion: reduce does.

You are right, I cloned your stylestage-sass repository and was able to use the hot reloading.

At the beginning I cloned the stylestage and endeded up generating screenshots, but then I noticed the other repository was one of the suggested starting points.

Thank you for the feedback.

I just pushed a new commit. The URL for the CSS file is the same, as this is pointing to the main branch and not to a specific commit.
Let me know if there is something else needed from my side.

[5t3ph]

Good to go!

Thank you for participating! If you haven't already, consider subscribing for updates to learn about new styles and features: https://stylestage.dev/subscribe/