Generated by SassMeister.com.

SassMeister-input-HTML.haml

.circle
.rounded
.rounded--custom
.rounded--fancy

SassMeister-input.scss

// ----
// Sass (v3.4.0.rc.2)
// Compass (v1.0.0.alpha.21)
// Bourbon (v4.0.2)
// ----

@import "bourbon/bourbon";

$text-black-color:  #4d4d4d;
$text-gray-color:   #b6b6b6;
$primary-color:     #ea541c;

body { background: #f00 !important; }

input[type='text'],
input[type='email'],
textarea {
  color: $text-black-color;
  @include placeholder {
    color: $text-gray-color;
  }
}

SassMeister-output.css

body {
  background: #f00 !important;
}

input[type='text'],
input[type='email'],
textarea {
  color: #4d4d4d;
}
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b6b6b6;
}
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
textarea::-moz-placeholder {
  color: #b6b6b6;
}
input[type='text']:-moz-placeholder,
input[type='email']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #b6b6b6;
}
input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b6b6b6;
}

SassMeister-rendered.html

<div class='circle'></div>
<div class='rounded'></div>
<div class='rounded--custom'></div>
<div class='rounder--fancy'></div>