The framework is designed to be used as a foundation for building custom websites, or your own ReadyThemes. While the core of the framework is a tested, CSS base, we also include quality tested JavaScript functionality and extensions like tabs, accordions, carousels, and more.
The latest version of Shadows is shipped with new releases of Miva. If you would like to use the developer edition, you can clone the repository from GitHub:
git clone https://github.com/mivaecommerce/readytheme-shadows.githttp://shadows.mivareadythemes.com/
https://docs.miva.com/readytheme-shadows/
https://docs.miva.com/readytheme-shadows/#overview-style-guide
We examined the way ReadyThemes worked with the core software and wanted a tighter integration. To that end, Shadows is now the default Framework installed in any new Miva store. While working on this, we made some improvements to the original version of Shadows.
- Cleaned and trimmed up the HTML, CSS, and JavaScript code.
- Improved accessibility for better user inclusivity.
- Compliant with the latest Google Web Vitals metrics.
- Improved overall Page Speed Metrics.
Additionally, you now have the option to use a developer version of Shadows for your site builds.
- Native support of CSS custom properties (variables).
- Native support for SCSS.
- Gulp build process to output a single CSS file and a single JS file.
Includes the necessary building blocks to create many of the common UX design patterns. Unique components can easily be created by extending the framework.
Developed with the BEMIT methodology in mind. BEM promotes component modularity, IT helps control the architecture, and ECSS helps to make extending the framework more manageable.
Shadows is an evergreen-browser framework with a modern Flexbox layout system. No more having to remember to clear your floats or use conditional classes.
With the importance of inclusivity in website layout in mind, Shadows ships with a high level of accessibility as tested through for Web Content Accessibility Guidelines 2.1 Level A and Level AA as well as Section 508 standards for accessibility as tested through ARC by The Paciello Group, Axe by Deque, and WAVE by WebAIM.
While every effort has been made to make sure Shadows performs across a variety of devices and browsers, there is only so much shimming that can be done without sacrificing performance. Shadows uses current coding structures and standards. This framework may not be best suited for you if you are looking to support legacy browsers.
- Chrome (latest 2)
- Firefox (latest 2)
- Safari iOS/MacOS (latest 2)
- Versions of Safari lower than 11 have minimal support, this theme may not work in versions lower than 10. Generally, the site will operate, however there are layout inconsistencies due to the way the browsers supports flex-box and sizing calculations.
- Opera (latest 2)
- Edge (latest 2)
- Internet Explorer 11 has minimal support. It will operate, however there are layout inconsistencies due to the way the browser supports flex-box and sizing calculations.
You can help make Shadows better. Please read CONTRIBUTING.md to see how you can participate.
The code in this project is licensed under MIT license.