This project aims to reset the default style sheet served for any Adobe Business Catalyst website.
The purpose of this is to reset all the pre-defined styles, fix incorrectly applied classes and methods and make minor changes to make it easier to apply consistent custom styles for your own site which won't conflict with 3rd party style sheets and javascript.
Just hot link the latest reset or normalised style sheet inside your html file as the first CSS reference.
For all the current release information please visit the Git Hub Page.
Whenever you create a new Adobe Business Catalyst website you'll notice the following line of code gets added to any HTML file you upload.
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
This style sheet is the default style sheet served by Business Catalyst in order to pre-style a basic website.
A major issue with this is that the styles often conflict with your own custom stylesheet and many "default" styles do not relect what you may want to appear in your website.
There is also very little consistency in font-sizes, line-heights, margins, padding which make it very difficult to create a website which conforms to basic design principles and make a site look its best.
There are two alternative components to this project:
- The Normalisation Sheet (which is now the current standard)
- The Reset Sheet
One of the major elements of the normalisation sheet is to preserve useful browser defaults rather than erasing them.
This sheet is based on the work by Nicolas Gallagher and Nathan Smith who both have spent considerable time researching and testing cross-browser compliant styles.
The normalisation sheet is now the preferred method for the project however the Reset Sheet will be kept as an alternative resource.
This is an alternative approach and resets all pre-defined styles to Eric Meyer's CSS Reset Sheet.
This tool is a widely used stylesheet to resolve many browser inconsistencies. This has been used as the basis for much of this project but other issues and inconsistencies specific to Business Catalyst have also been addressed.
To Date the following items have been addressed:
- Resolved incorrect use of .clear method and applied correct use of .clearfix
- Made all button styles consistent with use of image button in eCommerce template
- Removed all default padding & margins.
- Reset all typography font-sizes, line-heights, colors.
- Allowed all inheritable elements to properly be styled from their parent objects.
- Please refer to the GitHub Page for current release notes.