| 1 | @charset "UTF-8";
|
| 2 |
|
| 3 | // breadcrumb variables
|
| 4 | // --------------------------------------------------
|
| 5 |
|
| 6 | ////
|
| 7 | /// @module breadcrumb: 面包屑
|
| 8 | /// @tag Breadcrumb
|
| 9 | /// @category component
|
| 10 | /// @family navigation
|
| 11 | /// @varPrefix $breadcrumb-
|
| 12 | /// @classPrefix {prefix}-breadcrumb
|
| 13 | /// @order {"size/item":10,"size/ellipsis":11,"size/number":12,"size/keyword":13,"size/seperator":14,"statement/normal":10,"statement/normal/item":100,"statement/normal/item current":101,"statement/normal/ellipsis":102,"statement/normal/number":103,"statement/normal/keyword":104,"statement/normal/seperator color":105,"statement/normal/seperator icon":106,"statement/hover":11,"statement/hover/item":110,"statement/hover/item current":111,"statement/hover/number":112,"statement/hover/keyword":113}
|
| 14 | ////
|
| 15 |
|
| 16 | // Unconfigurable
|
| 17 | // ----------------------------------------
|
| 18 |
|
| 19 | // 整体高度，不可配.
|
| 20 | // TODO: deprecated in 2.x，2.x 去除固定高度，高度应该跟随内容自适应
|
| 21 | $breadcrumb-height: 16px !default;
|
| 22 | // text 最小宽度，不可配
|
| 23 | $breadcrumb-text-min-width: $s-4 !default;
|
| 24 |
|
| 25 | // Size
|
| 26 | // ----------------------------------------
|
| 27 |
|
| 28 | /// text
|
| 29 | /// @namespace size/item
|
| 30 | $breadcrumb-size-m-font-size: $font-size-caption !default;
|
| 31 |
|
| 32 | /// text
|
| 33 | /// @namespace size/ellipsis
|
| 34 | $breadcrumb-size-ellipsis-font-size: $font-size-caption !default;
|
| 35 |
|
| 36 | /// size
|
| 37 | /// @namespace size/seperator
|
| 38 | $breadcrumb-size-m-icon-size: $icon-xxs !default;
|
| 39 |
|
| 40 | /// margin (l, r)
|
| 41 | /// @namespace size/seperator
|
| 42 | $breadcrumb-size-m-icon-margin: $s-2 !default;
|
| 43 |
|
| 44 | // Statement:Normal
|
| 45 | // ----------------------------------------
|
| 46 |
|
| 47 | /// text
|
| 48 | /// @namespace statement/normal/item
|
| 49 | $breadcrumb-text-color: $color-text1-3 !default;
|
| 50 |
|
| 51 | /// text
|
| 52 | /// @namespace statement/normal/item current
|
| 53 | $breadcrumb-text-current-color: $color-text1-4 !default;
|
| 54 | /// weight
|
| 55 | /// @namespace statement/normal/item current
|
| 56 | $breadcrumb-text-current-weight: $font-weight-2 !default;
|
| 57 |
|
| 58 | /// text
|
| 59 | /// @namespace statement/normal/ellipsis
|
| 60 | $breadcrumb-text-ellipsis-color: $color-text1-3 !default;
|
| 61 |
|
| 62 | /// text
|
| 63 | /// @namespace statement/normal/keyword
|
| 64 | $breadcrumb-text-keyword-color: $color-brand1-6 !default;
|
| 65 |
|
| 66 | /// text
|
| 67 | /// @namespace statement/normal/seperator color
|
| 68 | $breadcrumb-icon-color: $color-line1-4 !default;
|
| 69 |
|
| 70 | /// icon
|
| 71 | /// @namespace statement/normal/seperator icon
|
| 72 | $breadcrumb-icon-sep-content: $icon-content-arrow-right !default;
|
| 73 |
|
| 74 |
|
| 75 | // Statement:Hover
|
| 76 | // ----------------------------------------
|
| 77 |
|
| 78 | /// text
|
| 79 | /// @namespace statement/hover/item
|
| 80 | $breadcrumb-text-color-hover: $color-brand1-6 !default;
|
| 81 |
|
| 82 | /// text
|
| 83 | /// @namespace statement/hover/item current
|
| 84 | $breadcrumb-text-current-color-hover: $color-brand1-6 !default;
|
| 85 |
|
| 86 | /// text
|
| 87 | /// @namespace statement/hover/keyword
|
| 88 | $breadcrumb-text-keyword-color-hover: $color-brand1-6 !default;
|