SASS -> CSS pre-commit hook

pre-commit

#!/bin/bash

# Watch for changes in the $SASS_DIR
# If anything change, compile the sass files to css

SASS_DIR="sass/"
STAGED=`git diff --cached --name-only`

echo $STAGED | if grep --quiet "$SASS_DIR"
then
  echo Compiling and adding to the commit your SASS files...
  for sassfile in "$STAGED" ; do
    cssfile="${sassfile//sass/css}"
    echo sass $sassfile $cssfile
    sass $sassfile $cssfile
    wait $!
    git add $cssfile
  done
fi

CSSFILENAME=basename $sassfile
cssfile=$CSS_DIR/${CSSFILENAME//sass/css}

#!/bin/bash

# Watch for changes in the $SASS_DIR
# If anything change, compile the sass files to css

CSS_DIR="css"
SASS_DIR="css/sass"
STAGED=`git diff --cached --name-only`

echo $STAGED | if grep --quiet "$SASS_DIR"
then
  echo Compiling and adding to the commit your SASS files...
  for sassfile in "$STAGED" ; do
    cssfilename=`basename $sassfile`
    cssfile=$CSS_DIR/${cssfilename//sass/css}
    echo sass $sassfile $cssfile
    sass $sassfile $cssfile
    wait $!
    git add $cssfile
  done
fi

Check and act only on sass

#!/bin/bash

# Watch for changes in the $SASS_DIR
# If anything change, compile the sass files to css

CSS_DIR="css"
SASS_DIR="css/sass"
STAGED=`git diff --cached --name-only`

echo $STAGED | if grep --quiet "$SASS_DIR"
then
  echo Compiling and adding to the commit your SASS files...
  for sassfile in "$STAGED" ; do
    if [[ $sassfile =~ \.sass$ ]]; then
      cssfilename=`basename $sassfile`
      cssfile=$CSS_DIR/${cssfilename//sass/css}
      echo sass $sassfile $cssfile
      sass $sassfile $cssfile
      wait $!
      git add $cssfile
    fi
  done
fi