volusion-angular-themes/method — pull request #79 by tylertadej (2014-08-06 19:20:15+00:00)
Title: CSS Refactoring

#### Simplified stylesheet folder structure by placing all stylesheet partials into 2 folders: Base & Th.

Here is what it currently looks like:

* styles ( FOLDER )
* base ( FOLDER )
* _bootstrap-style.scss ( contains Bootstrap classes i.e. all CSS not prefixed with "th-" )
* _bootstrap-variables.scss
* _colors.scss ( this will be merged into bootstrap-variables next round )
* _fonts.scss ( need to speak w team about using app-font mixin or simplifying font imports )
* _helpers.scss
* _mixins.scss ( will likely merge mixins and helpers into 1 file )
* th ( FOLDER )
* _** all non-Bootstrap components i.e. th-prefixed classes from Volusion using BEM syntax
* vn ( FOLDER )
* ( currently contains vn styles that will be moved into the toolbox )
* _th-import.scss ( this file imports all of the th classes )
* main.scss

main.scss -------------------------------------------------
import “compass”;
import “base/bootstrap-variables”;
import “bootstrap”; // from Bower components
import “base/mixins”;
import “base/helpers”;
import “th-import”;
import “base/fonts”;
import “base/bootstrap-style”;

Overall Changes:
- Deleted a bunch of empty files
- Renamed folders and reorganized folder structure
- Merged all Bootstrap styles into '_bootstrap-style.scss' partial
- Changed spaces to tabs

Specific CSS Refactoring:
- Nested media queries within classes when appropriate, ex. th-cart-summary
- Refactored th-footer__top to use Bootstrap visibility class in HTML and reduced CSS needed in th
- Changed some of the th-review__* classes to th-reviews__* to stay consistent across project
- Minor refactoring on product scss classes but still needs work

Misc Changes:
- Replaced > with > HTML entity in home.html to be consistent and avoid code that could appear erroneous
- Replaced Yeoman favicon with Volusion favicon!

TODO :bangbang:
- Need to clean up the button styling and determine whether to place in Bootstrap file or Th file.
- Figure out if the following classes are used and if not delete them: th-options, th-mega-menu, th-col-sm, th-sort-by