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

Padrão Digital de Governo

{"version":3,"file":"components/list/list.css","mappings":"AAKA;ECWE;ADdF;AC0FE;EACE;EACA;ADxFJ;AC0FI;EACE;EACA;ADxFN;ACyFM;EAkDJ;EACA;ADxIF;ACyFI;;EAgBF;EACA;EACA;EACA;ADrGF;ACoFM;;EAuCJ;EACA;ADvHF;ACmGI;;EACE;ADhGN;ACqGI;;EACE;ADlGN;ACuGI;;EACE;ADpGN;ACyEI;EAEE;ADxEN;ACxBE;EAMA;EACA;ADqBF;AEtCE;;;;;;;EDmBE;AD4BJ;ACzBE;EACE;EACA;AD2BJ;ACzBI;EACE;AD2BN;ACxBE;EACE;AD0BJ;ACpBE;EACE;ADsBJ;ACnBM;EACE;ADqBR;ACCE;EACE;EACA;ADCJ;ACIE;EACE;EACA;EACA;EACA;EACA;EACA;ADFJ;ACgFE;EAEE;AD/EJ;ACiFI;EAZF;EACA;EACA;EACA;EACA;ADlEF;AC+EE;EAEE;AD9EJ;ACgFI;EArBF;EACA;EACA;EACA;EACA;ADxDF;AC8EE;EAEE;AD7EJ;AC+EI;EA9BF;EACA;EACA;EACA;EACA;AD9CF,C","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":""}