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.

80 lines
1.3 KiB

  1. /*
  2. * # Semantic - Breadcrumb
  3. * http://github.com/jlukic/semantic-ui/
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Breadcrumb
  13. *******************************/
  14. .ui.breadcrumb {
  15. margin: 1em 0em;
  16. display: inline-block;
  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. .ui.breadcrumb .divider {
  29. display: inline-block;
  30. opacity: 0.5;
  31. margin: 0em 0.15em 0em;
  32. font-size: 1em;
  33. color: rgba(0, 0, 0, 0.3);
  34. }
  35. .ui.breadcrumb a.section {
  36. cursor: pointer;
  37. }
  38. .ui.breadcrumb .section {
  39. display: inline-block;
  40. margin: 0em;
  41. padding: 0em;
  42. }
  43. /* Loose Coupling */
  44. .ui.breadcrumb.segment {
  45. display: inline-block;
  46. padding: 0.5em 1em;
  47. }
  48. /*******************************
  49. States
  50. *******************************/
  51. .ui.breadcrumb .active.section {
  52. font-weight: bold;
  53. }
  54. /*******************************
  55. Variations
  56. *******************************/
  57. .ui.small.breadcrumb {
  58. font-size: 0.75em;
  59. }
  60. .ui.large.breadcrumb {
  61. font-size: 1.1em;
  62. }
  63. .ui.huge.breadcrumb {
  64. font-size: 1.3em;
  65. }