_bootstrap.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* BOOTSTRAP SPECIFIC CLASSES
  2. * -------------------------- */
  3. /* Bootstrap 2.0 sprites.less reset */
  4. [class^="icon-"],
  5. [class*=" icon-"] {
  6. display: inline;
  7. width: auto;
  8. height: auto;
  9. line-height: normal;
  10. vertical-align: baseline;
  11. background-image: none;
  12. background-position: 0% 0%;
  13. background-repeat: repeat;
  14. margin-top: 0;
  15. }
  16. /* more sprites.less reset */
  17. .icon-white,
  18. .nav-pills > .active > a > [class^="icon-"],
  19. .nav-pills > .active > a > [class*=" icon-"],
  20. .nav-list > .active > a > [class^="icon-"],
  21. .nav-list > .active > a > [class*=" icon-"],
  22. .navbar-inverse .nav > .active > a > [class^="icon-"],
  23. .navbar-inverse .nav > .active > a > [class*=" icon-"],
  24. .dropdown-menu > li > a:hover > [class^="icon-"],
  25. .dropdown-menu > li > a:hover > [class*=" icon-"],
  26. .dropdown-menu > .active > a > [class^="icon-"],
  27. .dropdown-menu > .active > a > [class*=" icon-"],
  28. .dropdown-submenu:hover > a > [class^="icon-"],
  29. .dropdown-submenu:hover > a > [class*=" icon-"] {
  30. background-image: none;
  31. }
  32. /* keeps Bootstrap styles with and without icons the same */
  33. .btn, .nav {
  34. [class^="icon-"],
  35. [class*=" icon-"] {
  36. // display: inline;
  37. &.icon-large { line-height: .9em; }
  38. &.icon-spin { display: inline-block; }
  39. }
  40. }
  41. .nav-tabs, .nav-pills {
  42. [class^="icon-"],
  43. [class*=" icon-"] {
  44. &, &.icon-large { line-height: .9em; }
  45. }
  46. }
  47. .btn {
  48. [class^="icon-"],
  49. [class*=" icon-"] {
  50. &.pull-left, &.pull-right {
  51. &.icon-2x { margin-top: .18em; }
  52. }
  53. &.icon-spin.icon-large { line-height: .8em; }
  54. }
  55. }
  56. .btn.btn-small {
  57. [class^="icon-"],
  58. [class*=" icon-"] {
  59. &.pull-left, &.pull-right {
  60. &.icon-2x { margin-top: .25em; }
  61. }
  62. }
  63. }
  64. .btn.btn-large {
  65. [class^="icon-"],
  66. [class*=" icon-"] {
  67. margin-top: 0; // overrides bootstrap default
  68. &.pull-left, &.pull-right {
  69. &.icon-2x { margin-top: .05em; }
  70. }
  71. &.pull-left.icon-2x { margin-right: .2em; }
  72. &.pull-right.icon-2x { margin-left: .2em; }
  73. }
  74. }
  75. /* Fixes alignment in nav lists */
  76. .nav-list [class^="icon-"],
  77. .nav-list [class*=" icon-"] {
  78. line-height: inherit;
  79. }