howardpanton

//We must add the following to your .bashrc (C:\cygwin\home\user\.bashrc):

alias ruby='/cygdrive/c/Ruby21-x64/bin/ruby'
alias gem='/cygdrive/c/Ruby21-x64/bin/gem.bat'
alias irb='/cygdrive/c/Ruby21-x64/bin/irb.bat'
alias compass='/cygdrive/c/Ruby21-x64/bin/compass.bat'
alias sass='/cygdrive/c/Ruby21-x64/bin/sass.bat'
alias scss='/cygdrive/c/Ruby21-x64/bin/scss.bat'

howardpanton

Template Components

Used to provide structural templates.

Pattern

t-template-name
t-template-name--modifier-name
t-template-name__subcomponent-name--subcomponent-modifier-name

howardpanton

/***** Selector Hacks ******/
 
/* IE6 and below */
* html #uno  { color: red }
 
/* IE7 */
*:first-child+html #dos { color: red } 
 
/* IE7, FF, Saf, Opera  */

howardpanton

function breadcrumbs($separator = ' » ', $home = 'Home') {
    $path = array_filter(explode('/', parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH)));
    $base = ($_SERVER['HTTPS'] ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] . '/';
    $breadcrumbs = Array("<a href=\"$base\">$home</a>");
    foreach ($path AS $x => $crumb) {
        $title = ucwords(str_replace(Array('.php', '_', '-'), Array('', ' ', ' '), $crumb));
        $breadcrumbs[] = "<a href=\"$base$crumb\">$title</a>";  
        $base = $base.$crumb.'/';
    }
    return implode($separator, $breadcrumbs);

howardpanton

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

howardpanton

div class="row">
      <ul class="blocks d-all">
      <li>
        <div class="media-block region d1-d6 heading-top">
          <h2 class="media-heading-top">
        Media Heading
      </h2>
      <a href="#" title="Link title">
        <figure>
          <img src="http://placehold.it/423x304" alt="Image Alt">

howardpanton

            <ul class="blocks four-up">
            <li>
                <div class="media-block region heading-bottom">
                  <figure>
                    <a href="#" title="Link title">
                            <img src="http://placehold.it/210x210" alt="Image Alt">
                        </a>
                  </figure>
                  <div class="media-body">
                        <h4 class="media-heading-bottom">Course tutor: Valerie Mace</h4>

howardpanton

<div class="row">
      <ul class="blocks d-all">
      <li>
        <div class="media-block region three-up heading-top">
          <h2 class="media-heading-top">
        Media Heading
      </h2>
      <a href="#" title="Link title">
        <figure>
          <img src="http://placehold.it/403x304" alt="Image Alt">

howardpanton

<section class="panel light-gray-bg">
  <div class="content-wrapper">
    <div class="row">
        <ul class="blocks">
            <li>
                <div class="media-block region d1-d4 heading-top">
                    <h2 class="media-heading-top">
                        Media Heading
                    </h2>
                    <a href="#" title="Link title">

howardpanton

      <article class="d1-d8 region">
        <header>
          <h2>Basic Container H2</h2>
        </header><!-- /header -->
        <p>
          Standard Body Text: From a young age I had always thought that I would study fashion. After my Foundation course I started a fashion womenswear course at another university, but after a few weeks felt that it was not for me. Span 4-8 columns.
        </p>
      </article>