airen

<div class="box">
  <span class="caret-top"></span>
</div>
<div class="box">
  <span class="caret-right"></span>
</div>
<div class="box">
  <span class="caret-bottom"></span>
</div>
<div class="box">

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$nums: 30 !default;

@for $i from 1 through $nums {
  .box-#{$i}{
    width: 20px * $i;

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

div {
  cursor: e + -resize;
}

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$content: "Hello" + " " + "Sass!";
.box:before {
  content: " #{$content} ";
}

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

p {
  color: #010203 * 2;
}

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

p {
  color: #010203 + #040506;
}

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

.box {
  width: ((220px + 720px) - 11 * 20 ) / 12 ;  
}

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$content-width: 720px;
$sidebar-width: 220px;
$gutter: 20px;

.container {

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$width: 1000px;
$nums: 10;

.item {
  width: $width / 10;  

airen

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

.box {
  width: (1000px / 100px);
}