chester-le-street-asc / woocommerce-theme-sass

SASS CSS for Chester-le-Street ASC Store

Chester-le-Street ASC Sass CSS

This is the SASS CSS repository for Chester-le-Street ASC's WooCommerce online store. Using Sass on your computer, you can compile these files into CSS for use in any projects.

We use the Bootstrap framework for our work because it provides a solid foundation for our responsive web design, and means bugs will be dealt with by the wider community.

Using our Sass CSS

We're using the Bootstrap framework in this project to deal with all the CSS that is not a top priority for us. It also provides with a fully responsive site, straight out of the box.

To install Sass on your system, which is needed to build (compile) the CSS from source, run

gem install sass

When you have made a change, run

sass chester.scss:callItWhatYouWant.css

and Sass will build callItWhatYouWant.css and callItWhatYouWant.css.map. Copy the *.css and *.css.map to your CSS directory. When you're ready for use in a production environment, use Autoprefixer to prefix the CSS and at this point we will stop using this *.css.map file.

Usage

You can either just compile the Global CSS as is, or can include and use your own files for compilation. This will allow you to make use of mixins.

To @import your files, open the chester.scss file and add it like so...

/*!
 * Chester-le-Street ASC CSS
 * Copyright Chester-le-Street ASC
 * Bootstrap Content Copyright Twitter Inc.
 */

@import "chester/custom";               // Bootstrap Overrides
@import "bootstrap/bootstrap";          // Bootstrap Source Files
@import "your_directory/yourFilename";  // Source File excluding .scss from filename

That should be all you need to do, and from there, just compile as normal.

Copyright

The Bootstrap source code is Copyright 2017 Twitter Inc./The Bootstrap Authors. You may use Bootstrap source code freely for any project, providing you credit Twitter/the Bootstrap Authors.

Chester-le-Street ASC source code is Copyright 2016-2017 Chester-le-Street ASC. You can use our code freely for Chester-le-Street ASC projects, but must ask permission to use it for other projects. You must credit Chester-le-Street ASC when using our code in any project.