scottaohara/brass-tacks

Starting point for Sass projects. Really needs a good update though....

brass-tacks's Issues

Add-ons

some of the helper classes/files aren't really integral to starting a website, as the more projects I've been using this on, the more I find myself turning off the same features over and over again.

While I don't want to delete these features from the framework, as they provide solutions to some corner cases that are slightly annoying to style from scratch, I think there should be an add-ons section that is just set to off by default and separated from the helper classes that should be on by default.

Create more imports

Cut scss files up into smaller parts for easier editing of classes to turn on/off in outputted CSS files.

Keep master.scss as an overall gathering of all scss files, that is more of a top level import.

Add master files to each sub grouping so to only have to import one file from each folder. ie.

_helper-sass/master
_nav-sass/master

Create custom.scss as a more detailed version of the main master file, where instead of pulling in the master.scss of each subgroup, it pulls in all the individual files

ie.
_nav-sass/c-nav
_nav-sass/h-nav
etc

Starter Silent Classes

create _starter.scss to contain starter styling for:

%header{}
%nav{}
%footer{}
%content{}

Finalize button stylings

Buttons are in a half finished restyling states. so, need to fix that...

Don't require jQuery

Redo jQuery implementation / any future implementation into vanilla JS to decouple dependency.

Documentation

Need to finalize documentation for the 1.0 release.

Required:
How to start guide focusing on how to set up projects and how to deal with the master files vs custom project files.

Provide examples of base element stylings

Provide documentation for global mixins/vars/silent classes/functions

Provide examples of helper class elements

Provide examples of addon classes

Provide overview of starter silent classes

Create a modal box plugin/styling

Add media queries to header example

The header example is not yet mobile friendly.

Fix that by adding media queries to it / brass tacks in general.

Forms & tables

helper classes for full width elements
Add better responsive handling for elements in these sections.

Refactor code where need be.

Prune out project specific variables and replace with brass-tacks variables in these files.

Build Out Demo Library

There should be a demo associated with each of the following:

Demo encompassing the entirety of the _base-elements folder

demos for each class in the helper / addons folders

demos for all variables, mixins and functions

demos on what a starter project looks like / how it should be set up.

By doing many of these, a lot of pre-work will be completed for the documentation 1.0 release.

Redo/finalize documentation

Add grunt

Convert to BEM syntax

Convert class names over to BEM syntax where it makes sense.

Rename classes as need be to make them easier to understand their meaning at a glance

Convert in-line documentation

Convert over in-line documentation to match documentation syntax used for sassdoc.