github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/definitions/collections/breadcrumb.less (about) 1 /*! 2 * # Semantic UI - Breadcrumb 3 * http://github.com/semantic-org/semantic-ui/ 4 * 5 * 6 * Copyright 2014 Contributors 7 * Released under the MIT license 8 * http://opensource.org/licenses/MIT 9 * 10 */ 11 12 /******************************* 13 Theme 14 *******************************/ 15 16 @type : 'collection'; 17 @element : 'breadcrumb'; 18 19 @import (multiple) '../../theme.config'; 20 21 22 /******************************* 23 Breadcrumb 24 *******************************/ 25 26 .ui.breadcrumb { 27 margin: @verticalMargin 0em; 28 display: @display; 29 vertical-align: @verticalAlign; 30 } 31 .ui.breadcrumb:first-child { 32 margin-top: 0em; 33 } 34 .ui.breadcrumb:last-child { 35 margin-bottom: 0em; 36 } 37 38 /******************************* 39 Content 40 *******************************/ 41 42 /* Divider */ 43 .ui.breadcrumb .divider { 44 display: inline-block; 45 opacity: @dividerOpacity; 46 margin: 0em @dividerSpacing 0em; 47 48 font-size: @dividerSize; 49 color: @dividerColor; 50 vertical-align: @dividerVerticalAlign; 51 } 52 53 /* Link */ 54 .ui.breadcrumb a { 55 color: @linkColor; 56 } 57 .ui.breadcrumb a:hover { 58 color: @linkHoverColor; 59 } 60 61 62 /* Icon Divider */ 63 .ui.breadcrumb .icon.divider { 64 font-size: @iconDividerSize; 65 vertical-align: @iconDividerVerticalAlign; 66 } 67 68 /* Section */ 69 .ui.breadcrumb a.section { 70 cursor: pointer; 71 } 72 .ui.breadcrumb .section { 73 display: inline-block; 74 margin: @sectionMargin; 75 padding: @sectionPadding; 76 } 77 78 /* Loose Coupling */ 79 .ui.breadcrumb.segment { 80 display: inline-block; 81 padding: @segmentPadding; 82 } 83 84 /******************************* 85 States 86 *******************************/ 87 88 .ui.breadcrumb .active.section { 89 font-weight: @activeFontWeight; 90 } 91 92 93 /******************************* 94 Variations 95 *******************************/ 96 97 .ui.mini.breadcrumb { 98 font-size: @mini; 99 } 100 .ui.tiny.breadcrumb { 101 font-size: @tiny; 102 } 103 .ui.small.breadcrumb { 104 font-size: @small; 105 } 106 .ui.breadcrumb { 107 font-size: @medium; 108 } 109 .ui.large.breadcrumb { 110 font-size: @large; 111 } 112 .ui.big.breadcrumb { 113 font-size: @big; 114 } 115 .ui.huge.breadcrumb { 116 font-size: @huge; 117 } 118 .ui.massive.breadcrumb { 119 font-size: @massive; 120 } 121 122 .loadUIOverrides();