glyphicons.less 786 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .bs-glyphicons {
  2. margin: 0 -10px 20px;
  3. overflow: hidden;
  4. }
  5. .bs-glyphicons-list {
  6. padding-left: 0;
  7. list-style: none;
  8. }
  9. .bs-glyphicons li {
  10. float: left;
  11. width: 25%;
  12. height: 115px;
  13. padding: 10px;
  14. font-size: 10px;
  15. line-height: 1.4;
  16. text-align: center;
  17. background-color: #f9f9f9;
  18. border: 1px solid #fff;
  19. }
  20. .bs-glyphicons .glyphicon {
  21. margin-top: 5px;
  22. margin-bottom: 10px;
  23. font-size: 24px;
  24. }
  25. .bs-glyphicons .glyphicon-class {
  26. display: block;
  27. text-align: center;
  28. word-wrap: break-word; // Help out IE10+ with class names
  29. }
  30. .bs-glyphicons li:hover {
  31. color: #fff;
  32. background-color: #563d7c;
  33. }
  34. @media (min-width: 768px) {
  35. .bs-glyphicons {
  36. margin-right: 0;
  37. margin-left: 0;
  38. }
  39. .bs-glyphicons li {
  40. width: 12.5%;
  41. font-size: 12px;
  42. }
  43. }