kianoshp

<div class="container">
  <div class="wrapper">

    <ul id="sb-slider" class="sb-slider">
      <li>
        <a href="http://www.flickr.com/photos/strupler/2969141180" target="_blank"><img src="https://tympanus.net/Development/Slicebox/images/1.jpg" alt="image1"/></a>
        <div class="sb-description">
          <h3>Creative Lifesaver</h3>
        </div>
      </li>

kianoshp

<h1>Incredibly Basic Slider</h1>
<div id="slider">
  <a href="#" class="control_next">></a>
  <a href="#" class="control_prev"><</a>
  <ul>
    <li>SLIDE 1</li>
    <li style="background: #aaa;">SLIDE 2</li>
    <li>SLIDE 3</li>
    <li style="background: #aaa;">SLIDE 4</li>
  </ul>  

kianoshp

@function get-list-value($list, $place: first)
  $list-length: length($list)
  $group: null
  @if $place == first
    $group: nth($list, 1)
  @else if $place == last
    $group: nth($list, length($list))

  $listValue-object: nth($group, 1)
  @return $listValue-object

kianoshp

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

/**************** padding and margin settings *****************

	Setting padding and margins to be added to different sections
	This sections contains individual setting and also a mixin
	to be able to add to different sections

kianoshp

// ----
// libsass (v2.0.0)
// ----

/**
 * libsass list manipulation problem
 * I am using the following code as a crude example.
 * the real world application I am trying to achieve
 * is providing grid system setup via a single $args array.
 */

kianoshp

// ----
// libsass (v2.0.0)
// ----

/**
 * libsass list manipulation problem
 * I am using the following code as a crude example.
 * the real world application I am trying to achieve
 * is providing grid system setup via a single $args array.
 */

kianoshp

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$map-1: (
  key-1-1: "value-1-1",
  key-1-2: "value-1-2",
  key-1-3: "value-1-3",
  key-1-4: "value-1-4"

kianoshp

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----

// ==|=== EM calculator====================
//	Function that will calculate the em value based
//  on the browsers pixel value and 
//	return the em value to be used.
// =========================================================

kianoshp

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

/* ==|== padding and margin settings ========================================

	Setting padding and margins to be added to different sections
	This sections contains individual setting and also a mixin
	to be able to add to different sections

kianoshp

<button>default</button>
<button class="secondary-button">secondary</button>