Ian Rose ianrose

## .block
license: mit

## collection.hbs
{{!-- ./layouts/ --}}
---
layout: default.hbs
---

{{#each collection1}}
  <h2><a href="{{paths.href}}">{{title}}</a></h2>
  {{date}}
{{/each}}

## debug-vertical-alignment-example.html
<html>
  <head><title>Debug Vertical Alignment Example</title></head>
  <body class="va-debug">
    <p>I want to debug the baseline of this graf</p>
  </body>
</html>

## rhythmBorder-example.scss
.your-selector {
  @include rhythmBorder(3px, 3, $ms-down1);
}

## rhythmBorderBottom-example.scss
.your-selector {
  @include rhythmBorderBottom(3px, 3, $ms-down1);
}

## rhythmBorderTop-example.scss
.your-selector {
  @include rhythmBorderTop(3px, 3, $ms-down1);
}

## setLeading-example.scss
.your-selector {
  @include setLeading(3, $ms-down1);
}

## setType-example.scss
.your-selector {
  @include setType(3, $ms-down1);
}

## unitlessRhythm-example.scss
.your-selector {
  font-size: $ms-down1;
  line-height: unitlessRhythm(3, $ms-down1);
}

## emRhythm-example.scss
.your-selector {
  font-size: $ms-down1;
  margin-bottom: emRhythm(3, $ms-down1);
}
	{{!-- ./layouts/ --}}
	---
	layout: default.hbs
	---

	{{#each collection1}}
	<h2><a href="{{paths.href}}">{{title}}</a></h2>
	{{date}}
	{{/each}}
	<html>
	<head><title>Debug Vertical Alignment Example</title></head>
	<body class="va-debug">
	<p>I want to debug the baseline of this graf</p>
	</body>
	</html>
	.your-selector {
	@include rhythmBorderBottom(3px, 3, $ms-down1);
	}
	.your-selector {
	@include rhythmBorderTop(3px, 3, $ms-down1);
	}
	.your-selector {
	font-size: $ms-down1;
	line-height: unitlessRhythm(3, $ms-down1);
	}
	.your-selector {
	font-size: $ms-down1;
	margin-bottom: emRhythm(3, $ms-down1);
	}