Home Explore Help
Register Sign In
chenxixian
/
devdocs
mirror of https://github.com/freeCodeCamp/devdocs
1
0
Fork 0
Files Issues 0 Wiki
Tree: 8eb8a9e46d
Branches Tags
devdocs
/
assets
/
stylesheets
/
global
/
_icons.scss

_icons.scss 11 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 
  1. %svg-icon {
    2. 

  2.   display: inline-block;
    3. 

  3.   vertical-align: top;
    4. 

  4.   width: 1rem;
    5. 

  5.   height: 1rem;
    6. 

  6.   pointer-events: none;
    7. 

  7.   fill: currentColor;
    8. 

  8. }
    9. 

  9. 

  10. %doc-icon {
    11. 

  11.   content: '';
    12. 

  12.   display: block;
    13. 

  13.   width: 1rem;
    14. 

  14.   height: 1rem;
    15. 

  15.   background-image: image-url('docs-1.png');
    16. 

  16.   background-size: 10rem 10rem;
    17. 

  17. }
    18. 

  18. 

  19. %doc-icon-2 { background-image: image-url('docs-2.png') !important; }
    20. 

  20. 

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

  22.   %doc-icon { background-image: image-url('docs-1@2x.png'); }
    23. 

  23.   %doc-icon-2 { background-image: image-url('docs-2@2x.png') !important; }
    24. 

  24. }
    25. 

  25. 

  26. %darkIconFix {
    27. 

  27.   @if $style == 'dark' {
    28. 

  28.     filter: invert(100%) grayscale(100%);
    29. 

  29.     -webkit-filter: invert(100%) grayscale(100%);
    30. 

  30.   }
    31. 

  31. }
    32. 

  32. 

  33. ._icon-jest:before          { background-position: 0 0; }
    34. 

  34. ._icon-liquid:before        { background-position: -1rem 0; }
    35. 

  35. ._icon-openjdk:before       { background-position: -2rem 0; }
    36. 

  36. ._icon-codeceptjs:before    { background-position: -3rem 0; }
    37. 

  37. ._icon-codeception:before   { background-position: -4rem 0; }
    38. 

  38. ._icon-sqlite:before        { background-position: -5rem 0; @extend %darkIconFix !optional; }
    39. 

  39. ._icon-async:before         { background-position: -6rem 0; @extend %darkIconFix !optional; }
    40. 

  40. ._icon-http:before          { background-position: -7rem 0; @extend %darkIconFix !optional; }
    41. 

  41. ._icon-jquery:before        { background-position: -8rem 0; @extend %darkIconFix !optional; }
    42. 

  42. ._icon-underscore:before    { background-position: -9rem 0; @extend %darkIconFix !optional; }
    43. 

  43. ._icon-html:before          { background-position: 0 -1rem; }
    44. 

  44. ._icon-css:before           { background-position: -1rem -1rem; }
    45. 

  45. ._icon-dom:before           { background-position: -2rem -1rem; }
    46. 

  46. ._icon-dom_events:before    { background-position: -3rem -1rem; }
    47. 

  47. ._icon-javascript:before    { background-position: -4rem -1rem; }
    48. 

  48. ._icon-backbone:before      { background-position: -5rem -1rem; @extend %darkIconFix !optional; }
    49. 

  49. ._icon-node:before,
    50. 

  50. ._icon-node_lts:before      { background-position: -6rem -1rem; }
    51. 

  51. ._icon-sass:before          { background-position: -7rem -1rem; }
    52. 

  52. ._icon-less:before          { background-position: -8rem -1rem; }
    53. 

  53. ._icon-angularjs:before     { background-position: -9rem -1rem; }
    54. 

  54. ._icon-coffeescript:before  { background-position: 0 -2rem; @extend %darkIconFix !optional; }
    55. 

  55. ._icon-ember:before         { background-position: -1rem -2rem; }
    56. 

  56. ._icon-yarn:before          { background-position: -2rem -2rem; }
    57. 

  57. ._icon-immutable:before     { background-position: -3rem -2rem; @extend %darkIconFix !optional; }
    58. 

  58. ._icon-jqueryui:before      { background-position: -4rem -2rem; }
    59. 

  59. ._icon-jquerymobile:before  { background-position: -5rem -2rem; }
    60. 

  60. ._icon-lodash:before        { background-position: -6rem -2rem; }
    61. 

  61. ._icon-php:before           { background-position: -7rem -2rem; }
    62. 

  62. ._icon-ruby:before,
    63. 

  63. ._icon-minitest:before      { background-position: -8rem -2rem; }
    64. 

  64. ._icon-rails:before         { background-position: -9rem -2rem; }
    65. 

  65. ._icon-python:before,
    66. 

  66. ._icon-python2:before       { background-position: 0 -3rem; }
    67. 

  67. ._icon-git:before           { background-position: -1rem -3rem; }
    68. 

  68. ._icon-redis:before         { background-position: -2rem -3rem; }
    69. 

  69. ._icon-postgresql:before    { background-position: -3rem -3rem; }
    70. 

  70. ._icon-d3:before            { background-position: -4rem -3rem; }
    71. 

  71. ._icon-knockout:before      { background-position: -5rem -3rem; }
    72. 

  72. ._icon-moment:before        { background-position: -6rem -3rem; @extend %darkIconFix !optional; }
    73. 

  73. ._icon-c:before             { background-position: -7rem -3rem; }
    74. 

  74. ._icon-statsmodels:before   { background-position: -8rem -3rem; }
    75. 

  75. ._icon-yii:before,
    76. 

  76. ._icon-yii1:before          { background-position: -9rem -3rem; }
    77. 

  77. ._icon-cpp:before           { background-position: 0 -4rem; }
    78. 

  78. ._icon-go:before            { background-position: -1rem -4rem; }
    79. 

  79. ._icon-express:before       { background-position: -2rem -4rem; }
    80. 

  80. ._icon-grunt:before         { background-position: -3rem -4rem; }
    81. 

  81. ._icon-rust:before          { background-position: -4rem -4rem; @extend %darkIconFix !optional; }
    82. 

  82. ._icon-laravel:before       { background-position: -5rem -4rem; }
    83. 

  83. ._icon-haskell:before       { background-position: -6rem -4rem; }
    84. 

  84. ._icon-requirejs:before     { background-position: -7rem -4rem; }
    85. 

  85. ._icon-chai:before          { background-position: -8rem -4rem; }
    86. 

  86. ._icon-sinon:before         { background-position: -9rem -4rem; }
    87. 

  87. ._icon-cordova:before       { background-position: 0 -5rem; }
    88. 

  88. ._icon-markdown:before      { background-position: -1rem -5rem; @extend %darkIconFix !optional; }
    89. 

  89. ._icon-django:before        { background-position: -2rem -5rem; }
    90. 

  90. ._icon-xslt_xpath:before    { background-position: -3rem -5rem; }
    91. 

  91. ._icon-nginx:before,
    92. 

  92. ._icon-nginx_lua_module:before { background-position: -4rem -5rem; }
    93. 

  93. ._icon-svg:before           { background-position: -5rem -5rem; }
    94. 

  94. ._icon-marionette:before    { background-position: -6rem -5rem; }
    95. 

  95. ._icon-jsdoc:before,
    96. 

  96. ._icon-mongoose:before      { background-position: -7rem -5rem; }
    97. 

  97. ._icon-phpunit:before       { background-position: -8rem -5rem; }
    98. 

  98. ._icon-nokogiri:before      { background-position: -9rem -5rem; @extend %darkIconFix !optional; }
    99. 

  99. ._icon-rethinkdb:before     { background-position: 0 -6rem; }
    100. 

  100. ._icon-react:before         { background-position: -1rem -6rem; }
    101. 

  101. ._icon-socketio:before      { background-position: -2rem -6rem; }
    102. 

  102. ._icon-modernizr:before     { background-position: -3rem -6rem; }
    103. 

  103. ._icon-bower:before         { background-position: -4rem -6rem; }
    104. 

  104. ._icon-fish:before          { background-position: -5rem -6rem; @extend %darkIconFix !optional; }
    105. 

  105. ._icon-scikit_image:before  { background-position: -6rem -6rem; }
    106. 

  106. ._icon-twig:before          { background-position: -7rem -6rem; }
    107. 

  107. ._icon-pandas:before        { background-position: -8rem -6rem; }
    108. 

  108. ._icon-scikit_learn:before  { background-position: -9rem -6rem; }
    109. 

  109. ._icon-bottle:before        { background-position: 0 -7rem; }
    110. 

  110. ._icon-docker:before        { background-position: -1rem -7rem; }
    111. 

  111. ._icon-cakephp:before       { background-position: -2rem -7rem; }
    112. 

  112. ._icon-lua:before           { background-position: -3rem -7rem; @extend %darkIconFix !optional; }
    113. 

  113. ._icon-clojure:before       { background-position: -4rem -7rem; }
    114. 

  114. ._icon-symfony:before       { background-position: -5rem -7rem; }
    115. 

  115. ._icon-mocha:before         { background-position: -6rem -7rem; }
    116. 

  116. ._icon-meteor:before        { background-position: -7rem -7rem; @extend %darkIconFix !optional; }
    117. 

  117. ._icon-npm:before           { background-position: -8rem -7rem; }
    118. 

  118. ._icon-apache_http_server:before { background-position: -9rem -7rem; }
    119. 

  119. ._icon-drupal:before        { background-position: 0 -8rem; }
    120. 

  120. ._icon-webpack:before       { background-position: -1rem -8rem; }
    121. 

  121. ._icon-phaser:before        { background-position: -2rem -8rem; }
    122. 

  122. ._icon-vue:before           { background-position: -3rem -8rem; }
    123. 

  123. ._icon-opentsdb:before      { background-position: -4rem -8rem; }
    124. 

  124. ._icon-q:before             { background-position: -5rem -8rem; }
    125. 

  125. ._icon-crystal:before       { background-position: -6rem -8rem; @extend %darkIconFix !optional; }
    126. 

  126. ._icon-julia:before         { background-position: -7rem -8rem; @extend %darkIconFix !optional; }
    127. 

  127. ._icon-redux:before         { background-position: -8rem -8rem; @extend %darkIconFix !optional; }
    128. 

  128. ._icon-bootstrap:before     { background-position: -9rem -8rem; }
    129. 

  129. ._icon-react_native:before  { background-position: 0 -9rem; }
    130. 

  130. ._icon-phalcon:before       { background-position: -1rem -9rem; }
    131. 

  131. ._icon-matplotlib:before    { background-position: -2rem -9rem; }
    132. 

  132. ._icon-cmake:before         { background-position: -3rem -9rem; }
    133. 

  133. ._icon-elixir:before        { background-position: -4rem -9rem; @extend %darkIconFix !optional; }
    134. 

  134. ._icon-vagrant:before       { background-position: -5rem -9rem; }
    135. 

  135. ._icon-dojo:before          { background-position: -6rem -9rem; }
    136. 

  136. ._icon-flow:before          { background-position: -7rem -9rem; }
    137. 

  137. ._icon-relay:before         { background-position: -8rem -9rem; }
    138. 

  138. ._icon-phoenix:before       { background-position: -9rem -9rem; }
    139. 

  139. 

  140. ._icon-tcl_tk:before        { background-position: 0 0; @extend %doc-icon-2; }
    141. 

  141. ._icon-erlang:before        { background-position: -1rem 0; @extend %doc-icon-2; }
    142. 

  142. ._icon-chef:before          { background-position: -2rem 0; @extend %doc-icon-2; }
    143. 

  143. ._icon-ramda:before         { background-position: -3rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    144. 

  144. ._icon-codeigniter:before   { background-position: -4rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    145. 

  145. ._icon-influxdata:before    { background-position: -5rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    146. 

  146. ._icon-tensorflow:before    { background-position: -6rem 0; @extend %doc-icon-2; }
    147. 

  147. ._icon-haxe:before          { background-position: -7rem 0; @extend %doc-icon-2; }
    148. 

  148. ._icon-ansible:before       { background-position: -8rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    149. 

  149. ._icon-typescript:before    { background-position: -9rem 0; @extend %doc-icon-2; }
    150. 

  150. ._icon-browser_support_tables:before { background-position: 0rem -1rem; @extend %doc-icon-2; }
    151. 

  151. ._icon-gnu_fortran:before   { background-position: -1rem -1rem; @extend %doc-icon-2; }
    152. 

  152. ._icon-gcc:before           { background-position: -2rem -1rem; @extend %doc-icon-2; }
    153. 

  153. ._icon-perl:before          { background-position: -3rem -1rem; @extend %doc-icon-2; }
    154. 

  154. ._icon-apache_pig:before    { background-position: -4rem -1rem; @extend %doc-icon-2; }
    155. 

  155. ._icon-numpy:before         { background-position: -5rem -1rem; @extend %doc-icon-2; }
    156. 

  156. ._icon-kotlin:before        { background-position: -6rem -1rem; @extend %doc-icon-2; }
    157. 

  157. ._icon-padrino:before       { background-position: -7rem -1rem; @extend %doc-icon-2; }
    158. 

  158. ._icon-angular:before       { background-position: -8rem -1rem; @extend %doc-icon-2; }
    159. 

  159. ._icon-love:before          { background-position: -9rem -1rem; @extend %doc-icon-2; }
    160. 

  160. ._icon-jasmine:before       { background-position: 0 -2rem; @extend %doc-icon-2; }
    161. 

  161. ._icon-pug:before           { background-position: -1rem -2rem; @extend %doc-icon-2; }
    162. 

  162. ._icon-electron:before      { background-position: -2rem -2rem; @extend %doc-icon-2; }
    163. 

  163. ._icon-falcon:before        { background-position: -3rem -2rem; @extend %doc-icon-2; }
    164. 

  164. ._icon-godot:before         { background-position: -4rem -2rem; @extend %doc-icon-2; }
    165. 

  165. ._icon-nim:before           { background-position: -5rem -2rem; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    166. 

  166. ._icon-vulkan:before        { background-position: -6rem -2rem; @extend %doc-icon-2; @extend %darkIconFix !optional; }
    167. 

  167. ._icon-d:before             { background-position: -7rem -2rem; @extend %doc-icon-2; }
    168. 

  168. ._icon-bluebird:before      { background-position: -8rem -2rem; @extend %doc-icon-2; }
    169. 

  169. ._icon-eslint:before        { background-position: -9rem -2rem; @extend %doc-icon-2; }
    170. 

  170. ._icon-homebrew:before      { background-position: 0 -3rem; @extend %doc-icon-2; }
    171.