Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
chenxixian
/
devdocs
spogulis no https://github.com/freeCodeCamp/devdocs
1
0
Atdalīts 0
Faili Problēmas 0 Vikivietne
Koks: 0f08f25b42
Atzari Tagi
devdocs
/
assets
/
stylesheets
/
global
/
_icons.scss

_icons.scss 2.3 KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. %icon {
    2. 

  2.   content: '';
    3. 

  3.   display: block;
    4. 

  4.   width: 1rem;
    5. 

  5.   height: 1rem;
    6. 

  6.   background-image: image-url('icons.png');
    7. 

  7.   background-size: 5rem 7rem;
    8. 

  8. }
    9. 

  9. 

  10. @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    11. 

  11.   %icon { background-image: image-url('icons@2x.png'); }
    12. 

  12. }
    13. 

  13. 

  14. %icon-dir                   { background-position: 0 0; }
    15. 

  15. %icon-search                { background-position: -1rem 0; }
    16. 

  16. %icon-link                  { background-position: -2.25rem -.25rem; }
    17. 

  17. %icon-clear                 { background-position: -3rem 0; }
    18. 

  18. %icon-close-white           { background-position: -4rem 0; }
    19. 

  19. %icon-settings              { background-position: 0 -1rem; }
    20. 

  20. %icon-check                 { background-position: -1rem -1rem; }
    21. 

  21. ._icon-http:before          { background-position: -2rem -1rem; }
    22. 

  22. ._icon-jquery:before        { background-position: -3rem -1rem; }
    23. 

  23. ._icon-underscore:before    { background-position: -4rem -1rem; }
    24. 

  24. ._icon-html:before          { background-position: 0 -2rem; }
    25. 

  25. ._icon-css:before           { background-position: -1rem -2rem; }
    26. 

  26. ._icon-dom:before           { background-position: -2rem -2rem; }
    27. 

  27. ._icon-dom_events:before    { background-position: -3rem -2rem; }
    28. 

  28. ._icon-javascript:before    { background-position: -4rem -2rem; }
    29. 

  29. ._icon-backbone:before      { background-position: 0 -3rem; }
    30. 

  30. ._icon-node:before          { background-position: -1rem -3rem; }
    31. 

  31. ._icon-sass:before          { background-position: -2rem -3rem; }
    32. 

  32. ._icon-less:before          { background-position: -3rem -3rem; }
    33. 

  33. ._icon-angular:before       { background-position: -4rem -3rem; }
    34. 

  34. ._icon-coffeescript:before  { background-position: 0 -4rem; }
    35. 

  35. ._icon-ember:before         { background-position: -1rem -4rem; }
    36. 

  36. %icon-menu                  { background-position: -2rem -4rem; }
    37. 

  37. %icon-home                  { background-position: -3rem -4rem; }
    38. 

  38. ._icon-jqueryui:before      { background-position: -4rem -4rem; }
    39. 

  39. ._icon-jquerymobile:before  { background-position: 0 -5rem; }
    40. 

  40. ._icon-lodash:before        { background-position: -1rem -5rem; }
    41. 

  41. ._icon-php:before           { background-position: -2rem -5rem; }
    42. 

  42. ._icon-ruby:before          { background-position: -3rem -5rem; }
    43. 

  43. ._icon-rails:before         { background-position: -4rem -5rem; }
    44. 

  44. ._icon-python:before        { background-position: 0 -6rem; }
    45. 

  45. ._icon-git:before           { background-position: -1rem -6rem; }
    46.