breadcrumb.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /*!
  2. * # Fomantic-UI - Breadcrumb
  3. * http://github.com/fomantic/Fomantic-UI/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Breadcrumb
  12. *******************************/
  13. .ui.breadcrumb {
  14. line-height: 1.4285em;
  15. display: inline-block;
  16. margin: 0 0;
  17. vertical-align: middle;
  18. }
  19. .ui.breadcrumb:first-child {
  20. margin-top: 0;
  21. }
  22. .ui.breadcrumb:last-child {
  23. margin-bottom: 0;
  24. }
  25. /*******************************
  26. Content
  27. *******************************/
  28. /* Divider */
  29. .ui.breadcrumb .divider {
  30. display: inline-block;
  31. opacity: 0.7;
  32. margin: 0 0.21428571rem 0;
  33. font-size: 0.92857143em;
  34. color: rgba(0, 0, 0, 0.4);
  35. vertical-align: baseline;
  36. }
  37. /* Link */
  38. .ui.breadcrumb a {
  39. color: #4183C4;
  40. }
  41. .ui.breadcrumb a:hover {
  42. color: #1e70bf;
  43. }
  44. /* Icon Divider */
  45. .ui.breadcrumb .icon.divider {
  46. font-size: 0.85714286em;
  47. vertical-align: baseline;
  48. }
  49. /* Section */
  50. .ui.breadcrumb a.section {
  51. cursor: pointer;
  52. }
  53. .ui.breadcrumb .section {
  54. display: inline-block;
  55. margin: 0;
  56. padding: 0;
  57. }
  58. /* Loose Coupling */
  59. .ui.breadcrumb.segment {
  60. display: inline-block;
  61. padding: 0.78571429em 1em;
  62. }
  63. /* Inverted */
  64. .ui.inverted.breadcrumb {
  65. color: #DCDDDE;
  66. }
  67. .ui.inverted.breadcrumb > .active.section {
  68. color: #FFFFFF;
  69. }
  70. .ui.inverted.breadcrumb > .divider {
  71. color: rgba(255, 255, 255, 0.7);
  72. }
  73. /*******************************
  74. States
  75. *******************************/
  76. .ui.breadcrumb .active.section {
  77. font-weight: bold;
  78. }
  79. /*******************************
  80. Variations
  81. *******************************/
  82. .ui.breadcrumb {
  83. font-size: 1rem;
  84. }
  85. .ui.mini.breadcrumb {
  86. font-size: 0.78571429rem;
  87. }
  88. .ui.tiny.breadcrumb {
  89. font-size: 0.85714286rem;
  90. }
  91. .ui.small.breadcrumb {
  92. font-size: 0.92857143rem;
  93. }
  94. .ui.large.breadcrumb {
  95. font-size: 1.14285714rem;
  96. }
  97. .ui.big.breadcrumb {
  98. font-size: 1.28571429rem;
  99. }
  100. .ui.huge.breadcrumb {
  101. font-size: 1.42857143rem;
  102. }
  103. .ui.massive.breadcrumb {
  104. font-size: 1.71428571rem;
  105. }
  106. /*******************************
  107. Theme Overrides
  108. *******************************/
  109. /*******************************
  110. Site Overrides
  111. *******************************/