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

Padrão Digital de Governo

{"version":3,"file":"components/list/list.min.css","mappings":"AA4FE,oBACE,YAAa,CACb,cC3FJ,CD6FI,4BACE,WAAY,CACZ,UC3FN,CD4FM,wCAkDJ,wCAAyC,CACzC,UC3IF,CD8FM,gFAuCJ,sBAAuB,CACvB,SCjIF,CDuFI,wDAgBF,MAAO,CACP,WAAY,CACZ,eAAgB,CAChB,UCnGF,CDsGI,4FACE,WCnGN,CDwGI,8FACE,WCrGN,CD0GI,kGACE,UCvGN,CD4EI,8EAEE,aC3EN,CAjCA,SDWE,kCCyBF,CDxBE,kBAMA,eAAgB,CAChB,UCqBF,CCtCE,2KFmBE,iBC4BJ,CDzBE,2BACE,uCAAwC,CACxC,YC2BJ,CDzBI,oCACE,MC2BN,CDxBE,kDACE,qHC0BJ,CDpBE,+BACE,cCsBJ,CDnBM,iDACE,yDCqBR,CDCE,kBACE,eAAgB,CAChB,8BCCJ,CDIE,iBACE,2CACA,YAAa,CACb,sCACA,oCACA,6BAA8B,CAC9B,yDCFJ,CDgFE,2EAEE,UC/EJ,CDiFI,6FAZF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBClEF,CD+EE,6EAEE,UC9EJ,CDgFI,+FArBF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBCxDF,CD8EE,iFAEE,UC7EJ,CD+EI,mGA9BF,WAAY,CACZ,eAAgB,CAChB,kCACA,mBAAoB,CACpB,kBC9CF","sources":["webpack://core/./src/components/list/_mixins.scss","webpack://core/./src/components/list/_list.scss","webpack://core/./src/partial/scss/mixins/_icons.scss"],"sourcesContent":["@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","@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}list {\n  @include list-configs;\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":[],"ignoreList":[],"sourceRoot":""}