title: SASS Optimize Borders Into one line of Code
body: <p>I am not sure if this is possible or not. But I feel like there should be a way to do this. I am using SASS and I am trying to find a way to optimize borders. I would like to be able to define my border sides sizes, type, and color all in one line. </p>
  
  <p>There are instances where I have 1,2, or 3 borders. And what I would like to do is. Write something using SASS where all properties can be defined in one line. The problem is..</p>
  
  <p><code>border-left</code>: <code>border-right:</code> <code>border-top:</code> and <code>border-bottom:</code></p>
  
  <p>Are all separate selectors and I would like to combine them.</p>
  
  <p>What I am thinking of doing is something like this...</p>
  
  <p><strong>SUDO CODE:</strong></p>
  
  <pre><code>border ($top,$left,$right,$bottom, $type, $color);
  
  #div {
      @include border(1px, 1px, 1px, 0, solid, #CCC);
  }
  </code></pre>
  
  <p>I was thinking something along these lines would be close... but again the problem is combining all border selectors into one line so that is outputs as valid CSS. </p>
  
  <pre><code>@mixin borders {
    border:($top,$left,$right,$bottom, $type, $color);
  }
  </code></pre>
  
  <p>Using a @mixin is all wrong, I am pretty sure of this... So any help to point me in the right direction would be much appreciated. Thanks in advance..</p>