brenna

<h1>Hands-on, project-based learning from industry-leading professionals. <br> <span>No grades, just results.</span></h1>
<p class="intro">HackerYou offers Toronto’s best full- and part-time courses for people who want to learn to code. Whether you’re looking to &nbsp;climb the corporate ladder, upgrade your skills, or start an new career, HackerYou is for you.</p>
<h3>Who are we?</h3>
<p>Founded by the team that introduced <a href="http://www.ladieslearningcode.com" >Ladies Learning Code</a> in 2011, HackerYou is the best way to learn to code. The recipe? Hands-on, project based learning from industry-leading professionals. Small classes, and a 10:1 ratio of students to instructors. Hosted in learning environments that inspire. That's HackerYou.</p>				
<a href="http://hackeryou.com/about/" class="arrow">Meet the Team and<br>Our Advisors</a>

brenna

<h1>Advanced Sass Techniques</h1>

<h2>Dry-ify your output with @extend</h2>

<p>To style elements that share a lot of common rules, but differ slightly,
  you can use a placehodler selector and @extend. Take a look at the Sass and 
  output CSS for the headings to see it in action.
</p>
<p>Try it out yourself by styling the h3 with %heading-base and some custom rules.</p>

brenna

<h1>Sass Mixins</h1>
<h2>are pretty great</h2>

<p class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, aliquid, iure, placeat, in nesciunt nostrum deserunt veritatis quidem voluptatibus ab explicabo temporibus minus eaque laudantium ipsum sit vero quis et.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, consequatur, quo! Aspernatur, reprehenderit, officia tempore fugit pariatur blanditiis culpa numquam porro magni enim illum repellat dolore mollitia corporis sunt debitis?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident quia culpa labore voluptatem assumenda ab nam similique deleniti. Explicabo quisquam molestiae quo modi qui deserunt quibusdam quod doloribus rem ratione.</p>

brenna

// Block grids
// ----------------------------------
// create an n-up block grid
// works well for > n unequal height items
// use @miixn block-grid on parent elem,
// @mixin block-grid-item on children

@mixin block-grid($gutterWidth: 25){
  font-size: 0; //kills inline-block ghost space
  margin-left: -#{$gutterWidth}px;

brenna

<snippet>
  <content><![CDATA[
function(){
  ${1}
}
]]></content>
  <tabTrigger>fn</tabTrigger>
  <scope>source.js</scope>
</snippet>

brenna

Keybase proof

I hereby claim:

• I am brenna on github.
• I am brenna (https://keybase.io/brenna) on keybase.
• I have a public key whose fingerprint is 01BC 878A 89EC 834E B9D0 268E F1C0 957B 872A C12F

To claim this, I am signing this object:

brenna

convertToSeconds(niceValue){
  var durations = niceValue.split(':').reverse();

  return durations.reduce((prev, curr, i) => {
    return Number(prev) + Number(curr) * Math.pow(60, i);   
  });
},


convertToSeconds('01:26:45'); //returns 5205

brenna

body {
    background: #fffbf2;
}

.headline-wrap {
    width: 100%;
    height: 0;
    margin-top: 30px;
    border-top: solid 1px #acacac;
    border-bottom:solid 1px black;

brenna

.find-parking {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    background: #92b63c;
    background: -moz-linear-gradient(top, #92b63c 0%, #608c1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92b63c), color-stop(100%, #608c1e));
    background: -webkit-linear-gradient(top, #92b63c 0%, #608c1e 100%);
    background: -o-linear-gradient(top, #92b63c 0%, #608c1e 100%);
    background: -ms-linear-gradient(top, #92b63c 0%, #608c1e 100%);

brenna

var moduleName = {
  options: {

	},
	
	init: function(options) {
		//allow custom options on init
		if (options && typeof(options) == 'object') }{
			$.extend(moduleName.options, options);
		}