45 tipo de archivo/extensión iconos en los iconos de archivo CSS-CSS puros

Tiempo de ejecución: 30 minutos. Empezar

Autor: colorswall
Views Total: 423
Sitio oficial: Ir a la web
Actualizado: January 14, 2019
Licencia: MIT

Vista prévia

45 tipo de archivo/extensión iconos en los iconos de archivo CSS-CSS puros

Descripción

Los iconos de archivo CSS es una biblioteca CSS/SCSS utilizada para crear iconos de tipo de archivo y extensión usando CSS puro.

Icons included:

  1. doc
  2. docx
  3. log
  4. txt
  5. wps
  6. csv
  7. dat
  8. ppt
  9. xml
  10. mp3
  11. wav
  12. avi
  13. mov
  14. mp4
  15. 3ds
  16. max
  17. gif
  18. ai
  19. svg
  20. pdf
  21. xls
  22. xlsx
  23. sql
  24. exe
  25. js
  26. html
  27. xhtml
  28. css
  29. asp
  30. ttf
  31. dll
  32. 7z
  33. zip
  34. c
  35. cs
  36. java
  37. swift
  38. torrent
  39. php
  40. hh
  41. go
  42. py
  43. rss
  44. rb
  45. any

Funcionamiento

Descargue e incluya el archivo CSS compilado CSS-File-Icons. CSS en la página.

<link rel="stylesheet" href="build/css-file-icons.css">

Agregue la clase CSS Fi y una clase de extensión de su elección al elemento DIV de la siguiente manera:

<div class="fi fi-doc">

<div class="fi-content">Word</div>
</div>

<div class="fi fi-docx">

<div class="fi-content">Word</div>
</div>

Ajuste el tamaño de los iconos de los archivos con las siguientes clases:

  • . fi.fi-size-XS : extra pequeño
  • . fi.fi-size-SM : default
  • . fi.fi-size-MD : tamaño medio
  • . fi.fi-size-LG : gran
  • . fi.fi-size-XL : extra grande
<div class="fi fi-doc fi-size-lg">

<div class="fi-content">Word</div>
</div>

Registro de cambios

01/14/2018

  • v0.0.7

11/25/2018

  • Añadir colores para. PSD,. png,. bmp,. png,. bmp,. VB

Te puede interesar: