Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Updated gitignore. Changed generate-sass script to output bourbon dir…

…ectory. Updated Readme and deleted demo.
  • Loading branch information...
commit a2b8cc45f306207ff3e7754f483eb2886c0a6403 1 parent 0e1ff70
Phil LaPier authored
Showing with 15 additions and 8 deletions.
  1. +2 −1  .gitignore
  2. +5 −5 generate-sass.sh
  3. +8 −2 readme.md
View
3  .gitignore
@@ -1,4 +1,5 @@
*swp
*gem
.sass-cache/
-sass/
+bourbon/
+demo/
View
10 generate-sass.sh
@@ -1,8 +1,8 @@
#!/bin/sh
# README
-# This will generate a sass directory and convert all .css.scss to .scss extensions.
-# The sass directory is for 'sass --watch' use outside of rails.
+# This will generate a bourbon directory and convert all .css.scss to .scss extensions.
+# The bourbon directory is for 'sass --watch' use outside of rails.
# Step 1: Make install executable by changing permission
# chmod a+x generate-sass.sh
@@ -10,13 +10,13 @@
# ./generate-sass.sh
echo Creating directory...
-mkdir -p $PWD/sass
+mkdir -p $PWD/bourbon
echo Copying files...
-cp -a $PWD/app/assets/stylesheets/* $PWD/sass
+cp -a $PWD/app/assets/stylesheets/* $PWD/bourbon
echo Renaming files...
-find $PWD/sass -name "*.css.scss" | while read i;
+find $PWD/bourbon -name "*.css.scss" | while read i;
do mv "$i" "${i%.css.scss}.scss";
done
echo Done.
View
10 readme.md
@@ -35,7 +35,7 @@ Import the mixins at the beginning of your stylesheet
#Install without Rails
-The following script will generate a sass directory and convert all .css.scss to .scss extensions. The sass directory is for 'sass --watch' use outside of rails.
+The following script will generate a *bourbon* directory and convert all .css.scss to .scss extensions. The *bourbon* directory is for 'sass --watch' use outside of rails.
Preliminary step: clone the repo and cd into the directory.
**Step 1:** Make script executable by changing file permission
@@ -46,7 +46,7 @@ Preliminary step: clone the repo and cd into the directory.
./generate-sass.sh
-**Step 3:** Move the new *sass* directory to your project's stylesheets directory.
+**Step 3:** Move the new *borubon* directory to your project's stylesheets directory.
#Using Bourbon Vanilla Mixins
@@ -116,6 +116,11 @@ The flex-box mixin is based on the 2009 w3c spec. The mixin with change to the f
@include box-flex(2);
}
+ # Alternative custom shorthand mixin.
+ div.parent {
+ @include box($orient: horizontal, $pack: center, $align: stretch);
+ }
+
###Inline-block
@@ -299,6 +304,7 @@ The real power of the mixin is revealed when you pass in the optional color argu
@ box-sizing(*args)
flex-box
+ @ box(*args)
@ box-align(*args)
@ box-direction(*args)
@ box-flex(*args)
Please sign in to comment.
Something went wrong with that request. Please try again.