<commit_before><article id="position" data-type="mixin">
  <header class="title-bar">
    <h2 class="title">Position</h2>
    <a class="view-source" href="//github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_position.scss">View source</a>
  </header>
  <p>A shorthand notation for positioning elements.</p>
  <p>The first argument is optional and defaults to <code>relative</code>. The second argument is a space-delimited list of values for <code>top</code>, <code>right</code>, <code>bottom</code> and <code>left</code>; it follows the standard CSS shorthand notation.</p>
  <p><strong>Note:</strong> <code>null</code> values will be ignored. In the example below, this means that selectors will <em>not</em> be generated for the <code>right</code> and <code>bottom</code> properties.</p>

{% highlight scss %}
.element {
  @include position(relative, 0 null null 10em);
}
{% endhighlight %}

<h3>CSS Output</h3>

{% highlight css %}
.element {
  position: relative;
  top: 0;
  left: 10em;<commit_msg>Changes a word in document<commit_after><article id="position" data-type="mixin">
  <header class="title-bar">
    <h2 class="title">Position</h2>
    <a class="view-source" href="//github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_position.scss">View source</a>
  </header>
  <p>A shorthand notation for positioning elements.</p>
  <p>The first argument is optional and defaults to <code>relative</code>. The second argument is a space-delimited list of values for <code>top</code>, <code>right</code>, <code>bottom</code> and <code>left</code>; it follows the standard CSS shorthand notation.</p>
  <p><strong>Note:</strong> <code>null</code> values will be ignored. In the example below, this means that declarations will <em>not</em> be generated for the <code>right</code> and <code>bottom</code> properties.</p>

{% highlight scss %}
.element {
  @include position(relative, 0 null null 10em);
}
{% endhighlight %}

<h3>CSS Output</h3>

{% highlight css %}
.element {
  position: relative;
  top: 0;
  left: 10em;
{'fraction_non_alphanumeric': 0.1576402321083172, 'fraction_numerical': 0.009671179883945842, 'mean_word_length': 4.92836676217765, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3371821', 'n_tokens_mistral': 685, 'n_tokens_neox': 644, 'n_words': 191}