You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
2.0 KiB

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