There is a significant amount of subtle, yet precisely calibrated, styling to ensure that your content is emphasized while still looking aesthetically pleasing.
All links are easy to
[locate and discern]({{ site.baseurl | uri_escape }}),
yet don't detract from the
[harmony of a paragraph]({{ site.baseurl | uri_escape }}).
The _same_ goes for italics and __bold__ elements.
Even the the strikeout works if <del>for some reason you need to update your post</del>.
For consistency's sake, <ins>The same goes for insertions</ins>, of course.
### Code, with syntax highlighting
Here's an example of some ruby code with line anchors.
{% highlight ruby lineanchors %}
# The most awesome of classes
class Awesome <ActiveRecord::Base
include EvenMoreAwesome
validates_presence_of :something
validates :email, email_format: true
def initialize(email, name = nil)
self.email = email
self.name = name
self.favorite_number = 12
puts 'created awesomeness'
end
def email_format
email =~ /\S+@\S+\.\S+/
end
end
{% endhighlight %}
Here's some CSS:
{% highlight css %}
.foobar {
/* Named colors rule */
color: tomato;
}
{% endhighlight %}
Here's some JavaScript:
{% highlight js %}
var isPresent = require('is-present')
module.exports = function doStuff(things) {
if (isPresent(things)) {
doOtherStuff(things)
}
}
{% endhighlight %}
Here's some HTML:
{% highlight html %}
<divclass="m0 p0 bg-blue white">
<h3class="h1">Hello, world!</h3>
</div>
{% endhighlight %}
# Headings!
They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`).
They also heavily rely on the awesome utility, [BASSCSS](http://www.basscss.com/).
##### They draw the perfect amount of attention
This allows your content to have the proper informational and contextual hierarchy.
