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.

237 lines
6.0 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Breadcrumb
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Default
  38. -------------------*/
  39. /*******************************
  40. Site Variables
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Page
  47. --------------------*/
  48. /*-------------------
  49. Grid
  50. --------------------*/
  51. /*-------------------
  52. Breakpoints
  53. --------------------*/
  54. /*-------------------
  55. Fonts
  56. --------------------*/
  57. /*-------------------
  58. Icons
  59. --------------------*/
  60. /* Max Width of Icon */
  61. /*-------------------
  62. Easing
  63. --------------------*/
  64. /*******************************
  65. BG Colors
  66. *******************************/
  67. /*******************************
  68. Colors
  69. *******************************/
  70. /*--- Colors ---*/
  71. /*--- Neutrals ---*/
  72. /*--- Text Colors ---*/
  73. /* Preserve */
  74. /* Adjust for Legibility */
  75. /*--- Backgrounds ---*/
  76. /*-------------------
  77. Emotive Colors
  78. --------------------*/
  79. /* Positive / Negative */
  80. /* Messages */
  81. /*-------------------
  82. Text Colors
  83. --------------------*/
  84. /*-------------------
  85. Brand Colors
  86. --------------------*/
  87. /*-------------------
  88. Borders
  89. --------------------*/
  90. /*-------------------
  91. Sizes
  92. --------------------*/
  93. /*-------------------
  94. Transitions
  95. --------------------*/
  96. /*******************************
  97. States
  98. *******************************/
  99. /*-------------------
  100. Disabled
  101. --------------------*/
  102. /*-------------------
  103. Hover
  104. --------------------*/
  105. /*--- Colors ---*/
  106. /*--- Emotive ---*/
  107. /*--- Neutrals ---*/
  108. /*-------------------
  109. Down (:active)
  110. --------------------*/
  111. /*--- Colors ---*/
  112. /*--- Emotive ---*/
  113. /*--- Neutrals ---*/
  114. /*-------------------
  115. Active
  116. --------------------*/
  117. /*--- Standard ---*/
  118. /*--- Emotive ---*/
  119. /*--- Neutrals ---*/
  120. /*******************************
  121. Breadcrumb
  122. *******************************/
  123. /*-------------------
  124. Globals Used
  125. --------------------*/
  126. /*-------------------
  127. Breadcrumb
  128. --------------------*/
  129. /* Coupling */
  130. /*-------------------
  131. States
  132. --------------------*/
  133. /* Sizes */
  134. /*------------------
  135. Load Theme
  136. -------------------*/
  137. /*------------------
  138. Load Site
  139. -------------------*/
  140. /*******************************
  141. User Global Variables
  142. *******************************/
  143. /*******************************
  144. Overrides
  145. *******************************/
  146. /*------------------
  147. Override Mix-in
  148. -------------------*/
  149. /*******************************
  150. Breadcrumb
  151. *******************************/
  152. .ui.breadcrumb {
  153. margin: 1em 0em;
  154. display: inline-block;
  155. vertical-align: middle;
  156. }
  157. .ui.breadcrumb:first-child {
  158. margin-top: 0em;
  159. }
  160. .ui.breadcrumb:last-child {
  161. margin-bottom: 0em;
  162. }
  163. /*******************************
  164. Content
  165. *******************************/
  166. .ui.breadcrumb .divider {
  167. display: inline-block;
  168. opacity: 0.5;
  169. margin: 0em 0.15em 0em;
  170. font-size: 1em;
  171. color: rgba(0, 0, 0, 0.4);
  172. vertical-align: baseline;
  173. }
  174. .ui.breadcrumb .icon.divider {
  175. font-size: 1em;
  176. }
  177. .ui.breadcrumb a.section {
  178. cursor: pointer;
  179. }
  180. .ui.breadcrumb .section {
  181. display: inline-block;
  182. margin: 0em;
  183. padding: 0em;
  184. }
  185. /* Loose Coupling */
  186. .ui.breadcrumb.segment {
  187. display: inline-block;
  188. padding: 0.5em 1em;
  189. }
  190. /*******************************
  191. States
  192. *******************************/
  193. .ui.breadcrumb .active.section {
  194. font-weight: bold;
  195. }
  196. /*******************************
  197. Variations
  198. *******************************/
  199. .ui.mini.breadcrumb {
  200. font-size: 0.65em;
  201. }
  202. .ui.tiny.breadcrumb {
  203. font-size: 0.7em;
  204. }
  205. .ui.small.breadcrumb {
  206. font-size: 0.75em;
  207. }
  208. .ui.breadcrumb {
  209. font-size: 1em;
  210. }
  211. .ui.large.breadcrumb {
  212. font-size: 1.1em;
  213. }
  214. .ui.big.breadcrumb {
  215. font-size: 1.05em;
  216. }
  217. .ui.huge.breadcrumb {
  218. font-size: 1.3em;
  219. }
  220. .ui.massive.breadcrumb {
  221. font-size: 1.5em;
  222. }
  223. /*******************************
  224. Overrides
  225. *******************************/
  226. /*******************************
  227. Overrides
  228. *******************************/