Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="box">
  <div class="box2"></div>
  <span>organic</span>
</div>

SassMeister-input.scss

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

$baseline: 24px;

.box {
  position: relative;
  height: $baseline*10;
  width: $baseline*10;
  background: #000;
  
  span {
      display: inline-block;
      position: absolute;
      z-index: 9;
      width: 100%;
      font-size: 28px;
      line-height: 28px;
      margin-top: calc(50% - 14px);
      text-align: center;
    }
  
  .box2 {
    $size: $baseline*5;
    
    position: absolute;
    height: $size;
    width: $size;
    top: calc(50% - #{$size/2});
    left: calc(50% - #{$size/2});
    background: #fff;
    -webkit-animation: rotate 4s linear infinite;
    border-radius: 25%;
  }
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

SassMeister-output.css

.box {
  position: relative;
  height: 240px;
  width: 240px;
  background: #000;
}
.box span {
  display: inline-block;
  position: absolute;
  z-index: 9;
  width: 100%;
  font-size: 28px;
  line-height: 28px;
  margin-top: calc(50% - 14px);
  text-align: center;
}
.box .box2 {
  position: absolute;
  height: 120px;
  width: 120px;
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  background: #fff;
  -webkit-animation: rotate 4s linear infinite;
  border-radius: 25%;
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

SassMeister-rendered.html

<div class="box">
  <div class="box2"></div>
  <span>organic</span>
</div>