@govbr-ds/core/dist/components/list/list.min.css.map

Padrão Digital de Governo

{"version":3,"file":"components/list/list.min.css","mappings":"AAKA,SCWE,kCDdF,CC0FE,oBACE,YAAa,CACb,cDxFJ,CC0FI,4BACE,WAAY,CACZ,UDxFN,CCyFM,wCAkDJ,wCAAyC,CACzC,UDxIF,CCyFI,wDAgBF,MAAO,CACP,WAAY,CACZ,eAAgB,CAChB,UDrGF,CCoFM,gFAuCJ,sBAAuB,CACvB,SDvHF,CCmGI,4FACE,WDhGN,CCqGI,8FACE,WDlGN,CCuGI,kGACE,UDpGN,CCyEI,8EAEE,aDxEN,CCxBE,kBAMA,eAAgB,CAChB,UDqBF,CEtCE,2KDmBE,iBD4BJ,CCzBE,2BACE,uCAAwC,CACxC,YD2BJ,CCzBI,oCACE,MD2BN,CCxBE,kDACE,qHD0BJ,CCpBE,+BACE,cDsBJ,CCnBM,iDACE,yDDqBR,CCCE,kBACE,eAAgB,CAChB,8BDCJ,CCIE,iBACE,2CACA,YAAa,CACb,sCACA,oCACA,6BAA8B,CAC9B,yDDFJ,CCgFE,2EAEE,UD/EJ,CCiFI,6FAZF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBDlEF,CC+EE,6EAEE,UD9EJ,CCgFI,+FArBF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBDxDF,CC8EE,iFAEE,UD7EJ,CC+EI,mGA9BF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBD9CF","sources":["webpack://core/./src/components/list/_list.scss","webpack://core/./src/components/list/_mixins.scss","webpack://core/./src/partial/scss/mixins/_icons.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}list {\n  @include list-configs;\n}\n","@mixin list-configs {\n  // @include list-tokens;\n  @include list-default;\n  @include list-item;\n  // Lista dentro de lista\n  @include list-in-list;\n  @include list-header;\n  @include list-data-lines;\n}\n\n// @mixin list-tokens {\n// }\n\n// Item da lista complexa\n// É formado por: [support] content [support]\n@mixin list-item {\n  background-color: var(--background);\n  .#{$prefix}item {\n    @include list-item-config;\n  }\n}\n\n@mixin list-item-config {\n  text-align: left;\n  width: 100%;\n  @include icon {\n    text-align: center;\n  }\n\n  > .content {\n    align-items: var(--spacing-vertical-top);\n    display: flex;\n\n    > .content {\n      flex: 1;\n    }\n  }\n  .content:hover button.#{$prefix}button {\n    background-image: linear-gradient(\n      rgba(var(--interactive-rgb), var(--hover)),\n      rgba(var(--interactive-rgb), var(--hover))\n    );\n  }\n\n  &[data-toggle] {\n    cursor: pointer;\n\n    ~ .br-list {\n      .br-item {\n        padding: var(--spacing-scale-base) var(--spacing-scale-3x);\n      }\n    }\n  }\n}\n\n@mixin list-checkbox-radio-config {\n  --interactive-rgb: var(--rgb-primary-default);\n\n  input {\n    &:hover:not(:disabled) {\n      + label::before {\n        background-image: linear-gradient(\n          rgba(var(--interactive-rgb), var(--hover)),\n          rgba(var(--interactive-rgb), var(--hover))\n        );\n      }\n    }\n  }\n}\n// Lista dentro de outra lista\n@mixin list-in-list {\n  & & {\n    overflow: hidden;\n    transition: all 400ms ease-in-out;\n  }\n}\n\n@mixin list-header {\n  .header {\n    align-items: v(spacing-vertical-center);\n    display: flex;\n    font-size: v(font-size-scale-base);\n    font-weight: v(font-weight-bold);\n    justify-content: space-between;\n    padding: v(spacing-scale-base) v(spacing-scale-2x);\n  }\n}\n\n@mixin list-default {\n  // @include list;\n  // Cabeçalho da lista complexa\n\n  &.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n\n    > .header {\n      flex-grow: 1;\n      width: 100%;\n      + .#{$prefix}divider {\n        @include list-header-divider-config;\n      }\n    }\n    > .#{$prefix}item,\n    > .group {\n      + .#{$prefix}divider {\n        @include list-group-divider-config;\n      }\n      @include list-horizontal-group;\n    }\n\n    &[data-toggle] > .#{$prefix}item,\n    &.toggle > .#{$prefix}item {\n      display: block;\n    }\n  }\n}\n\n@mixin list-horizontal-group {\n  flex: 1;\n  height: auto;\n  min-height: 56px;\n  width: auto;\n\n  &.one-line {\n    > .content {\n      height: 56px;\n    }\n  }\n\n  &.two-lines {\n    > .content {\n      height: 72px;\n    }\n  }\n\n  &.three-lines {\n    > .content {\n      height: 6em;\n    }\n  }\n}\n\n@mixin list-group-divider-config {\n  border-width: 0 1px 0 0;\n  width: 1px;\n}\n\n@mixin list-header-divider-config {\n  border-top: 1px solid var(--border-color);\n  width: 100%;\n}\n\n@mixin lista-data-lines-content {\n  height: auto;\n  overflow: hidden;\n  padding: 0 v(spacing-scale-2x);\n  text-overflow: unset;\n  white-space: initial;\n}\n\n@mixin list-data-lines {\n  &[data-one-line] .#{$prefix}item,\n  &[data-one-line] & .#{$prefix}item {\n    height: 2em;\n\n    .content {\n      @include lista-data-lines-content;\n    }\n  }\n\n  &[data-two-lines] .#{$prefix}item,\n  &[data-two-lines] & .#{$prefix}item {\n    height: 4em;\n\n    .content {\n      @include lista-data-lines-content;\n    }\n  }\n\n  &[data-three-lines] .#{$prefix}item,\n  &[data-three-lines] & .#{$prefix}item {\n    height: 6em;\n\n    .content {\n      @include lista-data-lines-content;\n    }\n  }\n}\n","@mixin icon-size($value) {\n  @include icon {\n    --icon-size: #{$value};\n  }\n}\n\n@mixin icon {\n  .svg-inline--fa,\n  .fa,\n  .fab,\n  .fad,\n  .fal,\n  .far,\n  .fas {\n    @content;\n  }\n}\n"],"names":[],"sourceRoot":""}