$sky-labels-blurred-text-color: #000 !default;
$sky-labels-focused-background-color: #000 !default;
$sky-labels-focused-text-color: #FFF !default;
$sky-labels-animation-duration: .15s !default;

.sky-label {
  margin-top: 15px;
  position: relative;
}

.sky-label label {
  color: $sky-labels-blurred-text-color;
  left: 4px;
  padding: 4px 6px;
  position: absolute;
  top: 4px;
  cursor: text;
  transition: -webkit-transform $sky-labels-animation-duration,
    opacity $sky-labels-animation-duration,
    top $sky-labels-animation-duration,
    left $sky-labels-animation-duration,
    background-color $sky-labels-animation-duration,
    color $sky-labels-animation-duration;
}

.sky-label-focused label, .sky-label-has-text label {
  background-color: $sky-labels-focused-background-color;
  color: $sky-labels-focused-text-color;
  left: 0px;
  opacity: 1;
  top: -20px;
  cursor: default;
}

.sky-label-has-text label {
  opacity: 0;
}

.sky-label-focused.sky-label-has-text label {
  opacity: 1;
}

$sky-labels-blurred-text-color: #000 !default;
$sky-labels-focused-background-color: #000 !default;
$sky-labels-focused-text-color: #fff !default;
$sky-labels-animation-duration: 0.15s !default;

.sky-label {
  margin-top: 15px;
  position: relative;
}

.sky-label label {
  color: $sky-labels-blurred-text-color;
  cursor: text;
  left: 4px;
  padding: 4px 6px;
  position: absolute;
  top: 4px;
  transition: -webkit-transform $sky-labels-animation-duration,
    opacity $sky-labels-animation-duration,
    top $sky-labels-animation-duration,
    left $sky-labels-animation-duration,
    background-color $sky-labels-animation-duration,
    color $sky-labels-animation-duration;
}

.sky-label-focused label,
.sky-label-has-text label {
  background-color: $sky-labels-focused-background-color;
  color: $sky-labels-focused-text-color;
  cursor: default;
  left: 0px;
  opacity: 1;
  top: -20px;
}

.sky-label-has-text label {
  opacity: 0;
}

.sky-label-focused.sky-label-has-text label {
  opacity: 1;
}

Align Sass to thoughtbot styleguide
Align Sass to thoughtbot styleguide
