Generated by SassMeister.com.

SassMeister-input-HTML.html

<input value="Enabled">
<input value="Disabled" disabled>

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----


$input-disabled-color: #7777FF;

$input: (
  disabled-background lighten($input-disabled-color, 75%),
  disabled-border lighten($input-disabled-color, 50%),
  disabled-text lighten($input-disabled-color, 50%)
);

input[disabled] {
  background-color: map-get($input, disabled-background);
  border-color: map-get($input, disabled-border);
  color: map-get($input, disabled-text);
}

SassMeister-output.css

input[disabled] {
  background-color: white;
  border-color: white;
  color: white;
}

SassMeister-rendered.html

<input value="Enabled">
<input value="Disabled" disabled>