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.

66 lines
1.3 KiB

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