Git Product home page Git Product logo

adobe-business-catalyst-reset-project's Introduction

Adobe Business Catalyst Reset Project

=====================================

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.

How to use

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.

A little background

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.

Components

There are two alternative components to this project:

  • The Normalisation Sheet (which is now the current standard)
  • The Reset Sheet

The Normalisation 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.

The Reset Sheet

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.

Current Fixes

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.

Known Issues

  • Please refer to the GitHub Page for current release notes.

adobe-business-catalyst-reset-project's People

Contributors

itbusiness avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.