Guest User

Untitled

a guest
Sep 14th, 2018
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
SAS 0.78 KB | None | 0 0
  1.  
  2. // original code before using compass feature
  3. // translating this to scss using compass sprite.
  4.  
  5.  
  6. a {
  7.              background:url(/assets/img/logo.png) 0 50% no-repeat;
  8.              height: 100px;
  9.              width:120px;
  10.              display: block;
  11.             text-indent:-9999px;
  12.             overflow:hidden;
  13.  
  14.  
  15.  
  16.  
  17. //  new code using compass + scss
  18.  
  19. @import compass;
  20. @import "spr/*.png";
  21.  
  22.  
  23. a {
  24.              @include spr-sprite("logo");
  25.              @include hide-text;
  26.              height: 100px;
  27.              width:120px;
  28.         }
  29.  
  30.  
  31.  
  32.  
  33.  
  34. // rendered code - notice it has no "0 50%"
  35.  
  36. .spr-sprite, a {
  37.   background: url('../img/spr-s91d142b02d.png') no-repeat; }
  38.  
  39.  a {
  40.     background-position: 0 0;
  41.     text-indent: 110%;
  42.     white-space: nowrap;
  43.     overflow: hidden;
  44.     height: 100px;
  45.     width: 120px; }
Add Comment
Please, Sign In to add comment