awssat / tailwindo

🔌 Convert Bootstrap CSS code to Tailwind CSS code
MIT License
1.09k stars 108 forks source link

Add `sr-only` for screenreaders #27

Closed brennanangel closed 4 years ago

brennanangel commented 4 years ago

fixes #26

Tailwindcss and Bootstrap have the same usage of this class so we should keep it during conversion.

Bootstrap's Mixin: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_screen-reader.scss

  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px; 
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;

Tailwind: https://tailwindcss.com/docs/screen-readers/

position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
abdumu commented 4 years ago

thanks