Skip to content

[WIP] overhaul to use SASS, Compass, etc #82

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.sass-cache/*
.idea/*
*/.DS_Store
36 changes: 36 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -5,3 +5,39 @@ To run:
cd my-vote-matters
python -m SimpleHTTPServer 8080
```
Sean AF Note: .

By using the following ruby libraries

'bootstrap-sass' 'compass'

gem install bootstrap-sass
gem install compass

I have set up this project to use the CSS compilation tool Compass.

and to be able to compile and minify our own SASS, allowing us to cache and have greater control over our styling with mixins and extensions.

I have changed the config.rb file to work with our existing directory structure.

The main.sass file located in the sass folder is (mostly) identical to how main.css was before.

I have been editting the enhancements.sass file which is pulled into the CSS after.

compass compile

to output the updated css/main.css

to ease development, you can run compass watch and everytime a CSS file is editted it will automatically recompile.

minifiying can be specified at compile time via the CLI or ahead of time in the config.rb file.

I also use the html language 'haml'. My haml file and a script that will compile it into html are in the haml folder. this script automatically deletes and replaces index.html so be warned!!








27 changes: 27 additions & 0 deletions config.rb
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
require 'bootstrap-sass'
require 'compass/import-once/activate'
# Require any additional compass plugins here.


# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
Loading