compass 0.8.17 → 0.10.0.pre1

data/examples/susy/extensions/susy/docs/tutorial/build.sh

@@ -0,0 +1,141 @@
+#!/bin/bash
+
+tut_dir=`dirname ${0}`
+cd "${tut_dir}"
+tut_dir=`pwd`
+
+if [ ! -d "_build" ]; then
+    mkdir "_build"
+fi
+
+cp -pR code/* _build/
+cd _build
+
+# create activate and deactivate scripts
+cat > activate <<EOF
+#!/bin/bash 
+
+cd "${tut_dir}/_build"
+pushd ../../../lib > /dev/null
+libdir=\`pwd\`
+popd > /dev/null
+
+export OLD_RUBYLIB=\${RUBYLIB}
+export RUBYLIB=\${libdir}
+EOF
+
+cat > deactivate <<EOF
+#!/bin/bash
+
+export RUBYLIB=\${OLD_RUBYLIB}
+export OLD_RUBYLIB=
+EOF
+
+# activate so we can run compass later
+. activate
+
+# create the site index.html and place it in _common
+cat _tools/head.tpl.html \
+    | sed 's/{{ STYLE_PATH }}//; s/{{ BODY_CLASS }}/home/; s/{{ TITLE }}/A Grid Plugin for Compass/;' \
+    > _tools/home_head.html
+cat _tools/foot.tpl.html \
+    | sed 's/{{ STYLE_PATH }}//;' \
+    > _tools/home_foot.html
+cat _tools/home_head.html _tools/home_content.html _tools/home_foot.html > _common/index.html
+
+# copy the tutorial figures into site/
+if [ ! -d "site/tutorial" ]; then
+    mkdir site/tutorial
+fi
+cp -pR ../figures site/tutorial/
+
+# create the tutorial index.html
+perl _tools/Markdown.pl --html4tags ../index.mkdn > _tools/tutorial_content.html
+cat _tools/head.tpl.html \
+    | sed 's/{{ STYLE_PATH }}/..\//; s/{{ BODY_CLASS }}/tutorial/; s/{{ TITLE }}/A Tutorial/;' \
+    > _tools/tutorial_head.html
+cat _tools/foot.tpl.html \
+    | sed 's/{{ STYLE_PATH }}/..\//;' \
+    > _tools/tutorial_foot.html
+cat _tools/tutorial_head.html _tools/tutorial_content.html  _tools/tutorial_foot.html > site/tutorial/index.html
+
+# remove _tools
+rm -r _tools/
+
+# copy files in _common into each stage; also create diff.sh and use.sh
+for d in 01_target 02_container 03_structure site; do
+    cp -pR _common/* "${d}/"
+    pushd "${d}" > /dev/null
+    compass > /dev/null
+    popd > /dev/null
+    cat > "${d}/diff.sh" <<EOF
+#!/bin/bash
+
+pushd \`dirname \${0}\` > /dev/null
+name=\`basename \\\`pwd\\\`\`
+diff -r ${tut_dir}/code/\${name}/src/ src/
+popd > /dev/null
+EOF
+    chmod 755 "${d}/diff.sh"
+    cat > "${d}/use.sh" <<EOF
+#!/bin/bash
+
+pushd \`dirname \${0}\` > /dev/null
+name=\`basename \\\`pwd\\\`\`
+dest="${tut_dir}/code/\${name}/\${1}"
+if [ ! -f "\${dest}" ]; then
+    echo "File \${dest} does not exist; does this file belong in _common?"
+    exit 1
+fi
+cp "\${1}" "\${dest}"
+popd > /dev/null
+EOF
+    chmod 755 "${d}/use.sh"
+done
+
+# got everything out of common, remove it
+rm -r _common
+
+# move all stages into site/tutorial/
+for d in 01_target 02_container 03_structure; do
+    cp -pR "${d}" site/tutorial/
+    rm -r "${d}"
+done
+
+# create install script
+cat > install.sh <<EOF
+#!/bin/bash
+
+if [ -z "\${1}" ]; then
+    echo "Please provide a destination directory to install Susy site into."
+    exit 1
+fi
+
+if [ -e "\${1}" ]; then
+    read -n 1 -p "Destination \${1} already exists, remove it (y/n)?" yesno
+    echo
+    echo
+    if [ \$yesno != "y" ]; then
+        echo "Aborting."
+        exit 1
+    fi
+    rm -r \${1}
+fi
+
+
+echo "Installing Susy site to \${1}."
+
+pushd \`dirname \${0}\` > /dev/null
+base=\`pwd\`
+popd > /dev/null
+cp -pR "\${base}/site/" "\${1}" || exit 1
+
+find "\${1}" -name '*.sh' -exec rm {} \;
+echo "Installed."
+EOF
+chmod 755 install.sh
+
+# if we got an argument, go ahead and install there
+if [ ! -z "${1}" ]; then
+    ./install.sh "${1}"
+fi

data/examples/susy/extensions/susy/docs/tutorial/code/01_target/src/_defaults.sass

@@ -0,0 +1,100 @@
+//** DEFAULT STYLES **//
+// Don't forget to set your default styles.
+
+
+// Get all the details and mixins from base.sass
+@import base.sass
+// Reset browser defaults, and prepare block-level HTML5 elements
+@import susy/reset.sass
+
+
+/* @group defaults */
+
+
+/* @group links */
+
+\:focus
+  outline: 1px dotted
+
+a
+  &:link, &:visited
+    color= !links
+    text-decoration: none
+  &:focus, &:hover, &:active
+    color= !light
+    border-bottom:
+      width= px2em(2) + "em"
+      style: dashed
+
+/* @end */
+
+
+/* @group headers */
+
+h1
+  +serif-family
+  text-transform: lowercase
+  font-size: 3em
+  line-height: 1
+  font-weight: bold
+  color= !links
+
+h2
+  font-weight: bold
+  text-transform: uppercase
+
+/* @end */
+
+
+/* @group block tags */
+p
+  margin: 0 0 1.5em 0
+
+pre
+  border-left= ".5em solid" !light
+  margin: 0 0 1.5em 0
+  padding: 1.5em
+
+=list-default(!ol = false)
+  @if !ol
+    list-style: decimal
+    margin: 0 1.5em 1.5em 1.5em
+  @else
+    list-style: disc
+    margin: 0 1.5em 1.5em 1.5em
+
+ol
+  +list-default("ol")
+
+ul
+  +list-default
+
+/* @end */
+
+
+/* @group inline tags */
+
+em
+  font-style: italic
+
+strong
+  font-weight: bold
+
+ins
+  text-decoration: underline
+
+del
+  text-decoration: line-through
+
+/* @end */
+
+
+/* @group replaced tags */
+
+img
+  vertical-align: bottom
+
+/* @end */
+
+
+/* @end */

data/examples/susy/extensions/susy/docs/tutorial/code/01_target/src/screen.sass

@@ -0,0 +1,98 @@
+/*
+  Welcome to Susy. Use this file to define screen styles.
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" />
+
+
+@import defaults.sass
+
+
+/* @group STRUCTURE */
+
+body
+  +susy
+ 
+#page
+  +container
+  +sans-family
+  color= !text
+ 
+#brand
+  +full
+  +pad(1,1)
+  margin:
+    top: 3em
+    bottom: 1.5em
+  h1 a
+    +full(8)
+    +pad(1,2,8)
+    display: block
+    +replace-text("susy_logo.png", "left")
+    height: 105px
+    &:focus, &:hover, &:active
+      border-bottom: 0
+    
+#site-nav
+  +columns(2)
+  +alpha
+  ul
+    +no-bullets
+    margin: 0
+    text-align: right
+    font-weight: bold
+ 
+#content
+  +columns(8)
+  +omega
+  margin-bottom: 3em
+  #description
+    +columns(5,8)
+  #credit
+    +columns(3,8)
+    +omega(8)
+    color= !light
+ 
+#contentinfo
+  +full
+  +prefix(2)
+  padding:
+    top: .5em
+    bottom: .75em
+  border-top:
+    width: .25em
+    style: dashed
+    color= !light
+  +serif-family
+  font-style: italic
+  color= !light
+  p
+    margin: 0
+    &.license
+      +columns(5,8)
+      +alpha(8)
+    &.styles
+      +columns(3,8)
+      +omega(8)
+      text-align: right
+  a:link, a:visited
+    color= !light
+    font-weight: bold
+
+.tutorial
+  #content
+    margin-bottom: 3em
+    li
+      margin-bottom: 1.5em
+    code
+      font-size: 1.25em
+      font-family: monospace
+      color= !light
+
+/* @end */
+
+/* @group DEBUG */  
+
+#page
+  +show-grid("grid.png")
+
+/* @end */

data/examples/susy/extensions/susy/docs/tutorial/code/02_container/src/_defaults.sass

@@ -0,0 +1,147 @@
+//** DEFAULT STYLES **//
+// Don't forget to set your default styles.
+
+
+// Get all the details and mixins from base.sass
+@import base.sass
+// Reset browser defaults, and prepare block-level HTML5 elements
+@import susy/reset.sass
+
+
+/* @group defaults */
+
+body
+  +sans-family
+  color= !text
+
+/* @group links */
+
+\:focus
+  outline= 1px "dotted" !links
+
+a
+  &:link, &:visited
+    color= !links
+  &:focus, &:hover, &:active
+    color= !links - #222
+    text-decoration: none
+
+/* @end */
+
+
+/* @group headers */
+
+h1, h2, h3, h4, h5, h6
+  font-weight: bold
+
+/* @end */
+
+
+/* @group forms */
+
+form *:focus
+  outline: none
+
+fieldset
+  margin= !base_line_height 0
+
+legend
+  font-weight: bold
+  font-variant: small-caps
+
+label
+  display: block
+  margin-top= !base_line_height
+
+legend + label
+  margin-top: 0
+
+textarea, input[type="text"]
+  +box-sizing("border-box")
+  width: 100%
+
+/* @end */
+
+
+/* @group tables */
+
+/* tables still need 'cellspacing="0"' in the markup */
+
+table
+  :width 100%
+  :border= 1/16 + "em solid" !text + #333
+    :left none
+    :right none
+  :padding= 7/16 + "em 0"
+  :margin= 8/16 + "em 0"
+
+th
+  :font-weight bold
+
+/* @end */
+
+
+/* @group block tags */
+
+p
+  :margin= !base_line_height 0
+
+=list-default(!ol = false)
+  :margin= !base_line_height
+  @if !ol
+    :list-style decimal
+  @else
+    :list-style disc
+
+=no-style-list
+  +no-bullets
+  :margin 0
+  :padding 0
+
+ol
+  +list-default("ol")
+
+ul
+  +list-default
+
+blockquote
+  :margin= !base_line_height
+  +serif-family
+
+/* @end */
+
+
+/* @group inline tags */
+
+cite
+  :font-style italic
+
+em
+  :font-style italic
+
+strong
+  :font-weight bold
+
+ins
+  :text-decoration underline
+
+del
+  :text-decoration line-through
+
+q
+  :font-style italic
+  em
+    :font-style normal
+
+/* @end */
+
+
+/* @group replaced tags */
+
+img
+  :vertical-align bottom
+
+/* @end */
+
+
+/* @end */