content.html

---
title: Styling Content
layout: default
permalink: /content/
---

<p>The <code>s-content</code> class can be used on any element where you want to style all the contents of that element. It will apply styles to the paragraphs using <code>.s-p</code> and links using <code>.s-link</code>, so you don't have to add those classes directly to every corresponding element.</p>

{% assign s_content = site.data.content | first %}
<h2>Using <code>{{ s_content.value }}</code></h2>
<h3>HTML Example:</h3>
{% highlight html %}{{ s_content.example }}{% endhighlight %}
<h3>Output Example:</h3>
{{ s_content.example | remove: '<p>' | remove: '</p>' }}