| 1 | @charset "UTF-8";
|
| 2 |
|
| 3 | // list variables
|
| 4 | // --------------------------------------------------
|
| 5 |
|
| 6 | ////
|
| 7 | /// @module list: 列表
|
| 8 | /// @tag List
|
| 9 | /// @category component
|
| 10 | /// @family data-display
|
| 11 | /// @varPrefix $list-
|
| 12 | /// @classPrefix {prefix}-list
|
| 13 | /// @order {"size/title":10,"size/item":11,"size/item/title":110,"size/item/content":111,"statement/normal":10,"statement/normal/divider":100,"statement/normal/title":101,"statement/normal/content":102,"statement/normal/extra":103}
|
| 14 | ////
|
| 15 |
|
| 16 | // Unconfigurable
|
| 17 | // ----------------------------------------
|
| 18 | $list-prefix: ".#{$css-prefix}list";
|
| 19 |
|
| 20 | // Size
|
| 21 | // ----------------------------------------
|
| 22 |
|
| 23 | /// font-size
|
| 24 | /// @namespace size/header
|
| 25 | $list-size-s-title-font-size: $font-size-subhead !default;
|
| 26 | /// font-weight
|
| 27 | /// @namespace size/header
|
| 28 | $list-size-s-title-font-weight: $font-weight-3 !default;
|
| 29 |
|
| 30 | /// padding(l, r)
|
| 31 | /// @namespace size/item
|
| 32 | $list-size-s-item-padding-lr: $s-zero !default;
|
| 33 | /// padding(t, b)
|
| 34 | /// @namespace size/item
|
| 35 | $list-size-s-item-padding-tb: $s-2 !default;
|
| 36 | /// margin(l, r)
|
| 37 | /// @namespace size/item
|
| 38 | $list-size-s-item-media-margin: $s-2 !default;
|
| 39 |
|
| 40 | /// font-size
|
| 41 | /// @namespace size/item content
|
| 42 | $list-size-s-item-content-font-size: $font-size-body-1 !default;
|
| 43 | /// line-height
|
| 44 | /// @namespace size/item content
|
| 45 | $list-size-s-item-content-line-height: $font-lineheight-1 !default;
|
| 46 | /// font-weight
|
| 47 | /// @namespace size/item title
|
| 48 | $list-size-s-item-title-font-weight: $font-weight-2 !default;
|
| 49 | /// font-size
|
| 50 | /// @namespace size/item title
|
| 51 | $list-size-s-item-title-font-size: $font-size-body-2 !default;
|
| 52 | /// line-height
|
| 53 | /// @namespace size/item title
|
| 54 | $list-size-s-item-title-line-height: $font-lineheight-2 !default;
|
| 55 |
|
| 56 |
|
| 57 |
|
| 58 | /// font-size
|
| 59 | /// @namespace size/header
|
| 60 | $list-size-m-title-font-size: $font-size-title !default;
|
| 61 | /// font-weight
|
| 62 | /// @namespace size/header
|
| 63 | $list-size-m-title-font-weight: $font-weight-3 !default;
|
| 64 | /// padding(l, r)
|
| 65 | /// @namespace size/item
|
| 66 | $list-size-m-item-padding-lr: $s-zero !default;
|
| 67 | /// padding(t, b)
|
| 68 | /// @namespace size/item
|
| 69 | $list-size-m-item-padding-tb: $s-4 !default;
|
| 70 | /// margin(l, r)
|
| 71 | /// @namespace size/item
|
| 72 | $list-size-m-item-media-margin: $s-2 !default;
|
| 73 |
|
| 74 | /// font-size
|
| 75 | /// @namespace size/item content
|
| 76 | $list-size-m-item-content-font-size: $font-size-body-2 !default;
|
| 77 | /// line-height
|
| 78 | /// @namespace size/item content
|
| 79 | $list-size-m-item-content-line-height: $font-lineheight-2 !default;
|
| 80 |
|
| 81 | /// font-size
|
| 82 | /// @namespace size/item title
|
| 83 | $list-size-m-item-title-font-size: $font-size-subhead !default;
|
| 84 | /// line-height
|
| 85 | /// @namespace size/item title
|
| 86 | $list-size-m-item-title-line-height: $font-lineheight-2 !default;
|
| 87 | /// font-weight
|
| 88 | /// @namespace size/item title
|
| 89 | $list-size-m-item-title-font-weight: $font-weight-2 !default;
|
| 90 |
|
| 91 | /// color
|
| 92 | /// @namespace statement/normal/divider
|
| 93 | $list-divider-color: $color-line1-2 !default;
|
| 94 | /// color
|
| 95 | /// @namespace statement/normal/title
|
| 96 | $list-title-color: $color-text1-4 !default;
|
| 97 | /// color
|
| 98 | /// @namespace statement/normal/content
|
| 99 | $list-content-color: $color-text1-3 !default;
|
| 100 | /// color
|
| 101 | /// @namespace statement/normal/extra
|
| 102 | $list-extra-color: $color-text1-2 !default;
|