breadcrumb.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /*!
  2. * # Semantic UI 2.3.3 - Breadcrumb
  3. * http://github.com/semantic-org/semantic-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;
  15. display: inline-block;
  16. margin: 0em 0em;
  17. vertical-align: middle;
  18. }
  19. .ui.breadcrumb:first-child {
  20. margin-top: 0em;
  21. }
  22. .ui.breadcrumb:last-child {
  23. margin-bottom: 0em;
  24. }
  25. /*******************************
  26. Content
  27. *******************************/
  28. /* Divider */
  29. .ui.breadcrumb .divider {
  30. display: inline-block;
  31. opacity: 0.7;
  32. margin: 0em 0.21428571rem 0em;
  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: 0em;
  56. padding: 0em;
  57. }
  58. /* Loose Coupling */
  59. .ui.breadcrumb.segment {
  60. display: inline-block;
  61. padding: 0.78571429em 1em;
  62. }
  63. /*******************************
  64. States
  65. *******************************/
  66. .ui.breadcrumb .active.section {
  67. font-weight: bold;
  68. }
  69. /*******************************
  70. Variations
  71. *******************************/
  72. .ui.mini.breadcrumb {
  73. font-size: 0.78571429rem;
  74. }
  75. .ui.tiny.breadcrumb {
  76. font-size: 0.85714286rem;
  77. }
  78. .ui.small.breadcrumb {
  79. font-size: 0.92857143rem;
  80. }
  81. .ui.breadcrumb {
  82. font-size: 1rem;
  83. }
  84. .ui.large.breadcrumb {
  85. font-size: 1.14285714rem;
  86. }
  87. .ui.big.breadcrumb {
  88. font-size: 1.28571429rem;
  89. }
  90. .ui.huge.breadcrumb {
  91. font-size: 1.42857143rem;
  92. }
  93. .ui.massive.breadcrumb {
  94. font-size: 1.71428571rem;
  95. }
  96. /*******************************
  97. Theme Overrides
  98. *******************************/
  99. /*******************************
  100. Site Overrides
  101. *******************************/