_core.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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 {
  38. line-height: 0.9em;
  39. }
  40. &.icon-spin {
  41. display: inline-block;
  42. }
  43. }
  44. }
  45. .nav-tabs, .nav-pills {
  46. [class^="icon-"],
  47. [class*=" icon-"] {
  48. &, &.icon-large {
  49. line-height: 0.9em;
  50. }
  51. }
  52. }
  53. .btn {
  54. [class^="icon-"],
  55. [class*=" icon-"] {
  56. &.pull-left, &.pull-right {
  57. &.icon-2x {
  58. margin-top: 0.18em;
  59. }
  60. }
  61. &.icon-spin.icon-large {
  62. line-height: 0.8em;
  63. }
  64. }
  65. }
  66. .btn.btn-small {
  67. [class^="icon-"],
  68. [class*=" icon-"] {
  69. &.pull-left, &.pull-right {
  70. &.icon-2x {
  71. margin-top: 0.25em;
  72. }
  73. }
  74. }
  75. }
  76. .btn.btn-large {
  77. [class^="icon-"],
  78. [class*=" icon-"] {
  79. margin-top: 0;
  80. &.pull-left, &.pull-right {
  81. &.icon-2x {
  82. margin-top: 0.05em;
  83. }
  84. }
  85. &.pull-left.icon-2x {
  86. margin-right: 0.2em;
  87. }
  88. &.pull-right.icon-2x {
  89. margin-left: 0.2em;
  90. }
  91. }
  92. }