Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="div visuallyhidden">
  asdasd
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----

$list:#111,#222,#333;
@function pxToem($px,$base:16){
  @return ( $px / $base  ) *  1em
};
.div{
  width:percentage(10px/20px);
  height:10*20px;
  min-width:length($list);
  color:nth($list,2);
  line-height: pxToem(20);
  background:darken(#f90,10%);
}

/* Hide only visually, but have it available for screenreaders*/
.visuallyhidden {
  border: 0 none !important;
  clip: rect(1px 1px 1px 1px);/*IE<8*/
  clip: rect(1px,1px,1px,1px);
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px;
}	

SassMeister-output.css

.div {
  width: 50%;
  height: 200px;
  min-width: 3;
  color: #222222;
  line-height: 1.25em;
  background: #cc7a00;
}

/* Hide only visually, but have it available for screenreaders*/
.visuallyhidden {
  border: 0 none !important;
  clip: rect(1px 1px 1px 1px);
  /*IE<8*/
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px;
}

SassMeister-rendered.html

<div class="div visuallyhidden">
  asdasd
</div>