micahgodbolt

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

@import "compass";

div {
  @include clearfix;
}

micahgodbolt

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$foo: red;

div {
  color:$foo;
}

micahgodbolt

<div data-eq-state="large">
  <ul>
    <li data-state="active">
      <a class="tab-link">Active Link</a>
    </li>
    <li data-state="inactive">
      <a class="tab-link">Inactive Link</a>
    </li>
  </ul>
</div>

micahgodbolt

<div></div>

micahgodbolt

##setup git clone [email protected]:micahgodbolt/sassbitesdemo.git && cd sassbitesdemo

npm install

##bundler

gem install bundler

bundle init

micahgodbolt

<div class="col1">
  Column 1
</div>
<div class="col2">
  Column 2
</div>

micahgodbolt

<div class="col">
  <div>
    <p class=wide>too much padding</p>
    <p>hello there</p>
  </div>
</div>

micahgodbolt

<div class="one">
  <span>
  <img src="https://pbs.twimg.com/profile_images/509056962277818368/w8lt2OuI.jpeg">
  </span>
  abc
</div>
<div class="two">
  <img src="https://pbs.twimg.com/profile_images/509056962277818368/w8lt2OuI.jpeg">
  abc
</div>

micahgodbolt

<div class="one">
<img src="http://www.placekitten.com/200/200">
  abc
</div>
<div class="two">
<img src="http://www.placekitten.com/200/200">
  abc
</div>
<div class="three">
<img src="http://www.placekitten.com/200/200">

micahgodbolt

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

$entries: homemarks jitendravyas charlespeters cathy_dutton fazalkhan saltnburnem markgaucher jeremyjosey redk3tchup designsdrive Rosscott feesh patrickhawley mylifeasalllly jaredjohn fivetanley generic_brian jamierytlewski mkessel solidslash program247365 LucianKahn WhitePoisonIvy bjorsen pekkos KevinLozandier Mandy_Kerr esolar07 RobbieTheGeek emma_maria88 metaskills telekineticyeti lhtdesignde cecycorrea baudoin S_Cicero jdsteinbach
;
 hoodie {
   $length: length($entries);
   //winner: nth($entries,random($length));