Nico Castro nicollecastrog

## index.html
<body>

<p>
The text in this paragraph DOES wrap: this is the DEFAULT behaviour. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>

<p class="no-wrap">

## using_mixins-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

@mixin button($font-size, $bg) {
  font-size: $font-size;
  background: $bg;
}

## media_queries_input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

$media-tablet: 'screen and (max-width:800px)';

@media #{$media-tablet} {
  p {
    color: blue;
	<body>

	<p>
	The text in this paragraph DOES wrap: this is the DEFAULT behaviour. This is some text. This is some text. This is some text.
	This is some text. This is some text. This is some text.
	This is some text. This is some text. This is some text.
	This is some text. This is some text. This is some text.
	</p>

	<p class="no-wrap">
	// ----
	// Sass (v3.3.7)
	// Compass (v1.0.0.alpha.18)
	// ----

	@mixin button($font-size, $bg) {
	font-size: $font-size;
	background: $bg;
	}