Fix line numbers and missing font

Author: leo

_posts/2014-04-02-using-modules-and-the-resolver.md

@@ -12,7 +12,7 @@ functions, and templates that Ember needs to resolve its dependencies, for examp
 
 In the past, Ember's Default Resolver worked by putting everything into a global namespace, so you will come across the following pattern:
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 App.IndexRoute = Ember.Route.extend({
   model: function() {
     return ['red', 'yellow', 'blue'];
@@ -30,7 +30,7 @@ For example, this route definition in `app/routes/index.js` would result in a
 module called `your-app/routes/index`. Using the resolver, when Ember looks up
 the index route, it will find this module and use the object that it exports.
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 // app/routes/index.js
 import Ember from "ember";
 
@@ -44,15 +44,15 @@ export default Ember.Route.extend({
 
 You can also require modules directly with the following syntax:
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 import FooMixin from "./mixins/foo";
 {% endhighlight %}
 
 You can reference a module by using either a relative or absolute path.
 If you would like to reference a module using absolute begin
 the path with the app name defined in `package.json`:
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 import FooMixin from "appname/mixins/foo";
 {% endhighlight %}
 
@@ -66,7 +66,7 @@ when doing so manually; see how the module `mixins/foo` is assigned to variable
 
 To use `Ember` or `DS` (for Ember Data) in your modules you must import them:
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 import Ember from "ember";
 import DS from "ember-data";
 {% endhighlight %}
@@ -101,9 +101,9 @@ For more information, see [Naming Conventions](#naming-conventions).
 Custom Handlebars helpers are one of the ways that you can use the same HTML multiple
 times in your web application. Registering your custom helper allows it to
 be invoked from any of your Handlebars templates. Custom helpers are located
-under `app/helpers`. 
+under `app/helpers`.
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 // app/helpers/upper-case.js
 import Ember from "ember";
 
@@ -130,7 +130,7 @@ to use it). It is advised to leverage Components instead.
 
 Do this:
 
-{% highlight javascript linenos %}
+{% highlight javascript %}
 // Given... app/components/my-text-field.js
 import Ember from "ember";
 

_sass/_mixins.scss

@@ -48,12 +48,12 @@ really slow down your CSS. Don't overdo it.
 
 /* @include css-gradient(#dfdfdf,#f8f8f8); */
 @mixin css-gradient($from: #dfdfdf, $to: #f8f8f8) {
-	background-color: $to;
-	background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
-	background-image: -webkit-linear-gradient(top, $from, $to);
-	background-image: -moz-linear-gradient(top, $from, $to);
-	background-image: -o-linear-gradient(top, $from, $to);
-	background-image: linear-gradient(to bottom, $from, $to);
+  background-color: $to;
+  background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
+  background-image: -webkit-linear-gradient(top, $from, $to);
+  background-image: -moz-linear-gradient(top, $from, $to);
+  background-image: -o-linear-gradient(top, $from, $to);
+  background-image: linear-gradient(to bottom, $from, $to);
 }
 
 /*********************
@@ -64,10 +64,10 @@ BOX SIZING
 /* NOTE: value of "padding-box" is only supported in Gecko. So
 probably best not to use it. I mean, were you going to anyway? */
 @mixin box-sizing($type: border-box) {
-	-webkit-box-sizing: $type;
-	-moz-box-sizing:    $type;
-	-ms-box-sizing:     $type;
-	box-sizing:         $type;
+  -webkit-box-sizing: $type;
+  -moz-box-sizing:    $type;
+  -ms-box-sizing:     $type;
+  box-sizing:         $type;
 }
 
 /*********************
@@ -77,10 +77,10 @@ BORDER RADIUS
 /* @include border-radius(5px); */
 
 @mixin border-radius($type: 8px) {
-	-webkit-border-radius: 		$type;
-	-moz-border-radius:    		$type;
-	-khtml-border-radius:     	$type;
-	border-radius:         		$type;
+  -webkit-border-radius: 		$type;
+  -moz-border-radius:    		$type;
+  -khtml-border-radius:     	$type;
+  border-radius:         		$type;
 }
 
 /*********************
@@ -94,7 +94,6 @@ FONT FACE
     font-family: $font-name;
     src: url("fonts/#{$file-name}.eot");
     src: url("fonts/#{$file-name}.eot?#iefix") format("embedded-opentype"),
-         url("fonts/#{$file-name}.woff2") format("woff2"),
          url("fonts/#{$file-name}.woff") format("woff"),
          url("fonts/#{$file-name}.ttf") format("truetype"),
          url("fonts/#{$file-name}.svg#svg#{$file-name}") format("svg");

assets/main.scss

@@ -310,6 +310,10 @@ body {
       code {
         color: #efeaea;
 
+        span {
+          color: inherit;
+        }
+
         .lineno {
           color: #ccc;
         }