Home Explore Help
Sign In
other
/
onepage
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d506173863
Branches Tags
onepage
/
kissy
/
public
/
bootstrap
/
Font-Awesome-3.2.1
/
scss
/
_bootstrap.scss

_bootstrap.scss 2.0 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 
  1. /* BOOTSTRAP SPECIFIC CLASSES
    2. 

  2.  * -------------------------- */
    3. 

  3. 

  4. /* Bootstrap 2.0 sprites.less reset */
    5. 

  5. [class^="icon-"],
    6. 

  6. [class*=" icon-"] {
    7. 

  7.   display: inline;
    8. 

  8.   width: auto;
    9. 

  9.   height: auto;
    10. 

  10.   line-height: normal;
    11. 

  11.   vertical-align: baseline;
    12. 

  12.   background-image: none;
    13. 

  13.   background-position: 0% 0%;
    14. 

  14.   background-repeat: repeat;
    15. 

  15.   margin-top: 0;
    16. 

  16. }
    17. 

  17. 

  18. /* more sprites.less reset */
    19. 

  19. .icon-white,
    20. 

  20. .nav-pills > .active > a > [class^="icon-"],
    21. 

  21. .nav-pills > .active > a > [class*=" icon-"],
    22. 

  22. .nav-list > .active > a > [class^="icon-"],
    23. 

  23. .nav-list > .active > a > [class*=" icon-"],
    24. 

  24. .navbar-inverse .nav > .active > a > [class^="icon-"],
    25. 

  25. .navbar-inverse .nav > .active > a > [class*=" icon-"],
    26. 

  26. .dropdown-menu > li > a:hover > [class^="icon-"],
    27. 

  27. .dropdown-menu > li > a:hover > [class*=" icon-"],
    28. 

  28. .dropdown-menu > .active > a > [class^="icon-"],
    29. 

  29. .dropdown-menu > .active > a > [class*=" icon-"],
    30. 

  30. .dropdown-submenu:hover > a > [class^="icon-"],
    31. 

  31. .dropdown-submenu:hover > a > [class*=" icon-"] {
    32. 

  32.   background-image: none;
    33. 

  33. }
    34. 

  34. 

  35. 

  36. /* keeps Bootstrap styles with and without icons the same */
    37. 

  37. .btn, .nav {
    38. 

  38.   [class^="icon-"],
    39. 

  39.   [class*=" icon-"] {
    40. 

  40.     //    display: inline;
    41. 

  41.     &.icon-large { line-height: .9em; }
    42. 

  42.     &.icon-spin { display: inline-block; }
    43. 

  43.   }
    44. 

  44. }
    45. 

  45. .nav-tabs, .nav-pills {
    46. 

  46.   [class^="icon-"],
    47. 

  47.   [class*=" icon-"] {
    48. 

  48.     &, &.icon-large { line-height: .9em; }
    49. 

  49.   }
    50. 

  50. }
    51. 

  51. .btn {
    52. 

  52.   [class^="icon-"],
    53. 

  53.   [class*=" icon-"] {
    54. 

  54.     &.pull-left, &.pull-right {
    55. 

  55.       &.icon-2x { margin-top: .18em; }
    56. 

  56.     }
    57. 

  57.     &.icon-spin.icon-large { line-height: .8em; }
    58. 

  58.   }
    59. 

  59. }
    60. 

  60. .btn.btn-small {
    61. 

  61.   [class^="icon-"],
    62. 

  62.   [class*=" icon-"] {
    63. 

  63.     &.pull-left, &.pull-right {
    64. 

  64.       &.icon-2x { margin-top: .25em; }
    65. 

  65.     }
    66. 

  66.   }
    67. 

  67. }
    68. 

  68. .btn.btn-large {
    69. 

  69.   [class^="icon-"],
    70. 

  70.   [class*=" icon-"] {
    71. 

  71.     margin-top: 0; // overrides bootstrap default
    72. 

  72.     &.pull-left, &.pull-right {
    73. 

  73.       &.icon-2x { margin-top: .05em; }
    74. 

  74.     }
    75. 

  75.     &.pull-left.icon-2x { margin-right: .2em; }
    76. 

  76.     &.pull-right.icon-2x { margin-left: .2em; }
    77. 

  77.   }
    78. 

  78. }
    79. 

  79. 

  80. /* Fixes alignment in nav lists */
    81. 

  81. .nav-list [class^="icon-"],
    82. 

  82. .nav-list [class*=" icon-"] {
    83. 

  83.   line-height: inherit;
    84. 

  84. }
    85.