Posted By

FrederickWeiss on 03/23/14


Tagged

SASS mixin


Versions (?)

Text Overflow


 / Published in: CSS
 

  1. SASS ////////////////////////////////////////////
  2.  
  3.  
  4. %text-truncate {
  5. overflow: hidden;
  6. text-overflow: ellipsis;
  7. white-space: nowrap;
  8. }
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15. USAGE ////////////////////////////////////////////
  16.  
  17.  
  18. .text-truncate-1 {
  19. @extend text-truncate;
  20. }
  21. .text-truncate-2 {
  22. @extend text-truncate;
  23. }
  24.  
  25.  
  26.  
  27.  
  28. Output ////////////////////////////////////////////
  29.  
  30. .text-truncate-1, .text-truncate-2 {
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. white-space: nowrap;
  34. }

Report this snippet  

You need to login to post a comment.