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

Padrão Digital de Governo

{"version":3,"file":"components/card/card.min.css","mappings":"AAKA,SCME,sCAAuC,CACvC,yBAA0B,CAM1B,4BAA6B,CAC7B,mCAAoC,CACpC,kBAAmB,CACnB,qCDdF,CCgBE,gDAEE,2BDdJ,CCgBI,wEACE,eDbN,CCiBE,8CAEE,iDDfJ,CCkBE,8CAEE,iDDhBJ,CCsBI,+BACE,mCAAoC,CACpC,eDpBN,CE1BE,kDACE,gCAAiC,CACjC,+BF4BJ,CEzBE,wDACE,yBF2BJ,CExBE,wDACE,yBF0BJ,CEtBI,8DACE,yBFwBN,CCWI,8BACE,+BDTN,CCgBI,qBACE,yGDdN,CCoBE,qCE3CA,0BACA,kCACA,+BACA,sCACA,8CACA,8BACA,0BACA,8BACA,sCACA,+BH0BF","sources":["webpack://core/./src/components/card/_card.scss","webpack://core/./src/components/card/_mixins.scss","webpack://core/./src/partial/scss/mixins/_scrollbar.scss","webpack://core/./src/partial/scss/mixins/_states.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}card {\n  @include card-configs;\n}\n","/// Carregar blocos internos\n/// @group Card\n@mixin card-configs {\n  @include card-tokens;\n  @include card-default;\n  @include card-h-fixed;\n  @include card-hover;\n  @include card-dark-mode;\n}\n\n@mixin card-tokens {\n  --card-padding: var(--spacing-scale-2x);\n  --card-height-fixed: 250px;\n}\n\n/// Criar configuração básica\n/// @group Card\n@mixin card-default {\n  background: var(--background);\n  box-shadow: var(--surface-shadow-sm);\n  color: var(--color);\n  margin-bottom: var(--spacing-scale-2x);\n\n  .card-content,\n  .front .content {\n    padding: var(--card-padding);\n    // Remove espaçamento extra de elementos com margem pra baixo\n    *:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .front .header,\n  .card-header {\n    padding: var(--card-padding) var(--card-padding) 0;\n  }\n\n  .front .footer,\n  .card-footer {\n    padding: 0 var(--card-padding) var(--card-padding);\n  }\n}\n\n@mixin card-h-fixed {\n  &.h-fixed {\n    .card-content {\n      max-height: var(--card-height-fixed);\n      overflow-y: auto;\n      @include scrollbar;\n    }\n\n    .card-footer {\n      padding-top: var(--card-padding);\n    }\n  }\n}\n\n@mixin card-hover {\n  &.hover {\n    &:hover {\n      background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));\n    }\n  }\n}\n\n@mixin card-dark-mode {\n  &.inverted,\n  &.dark-mode {\n    @include dark-mode;\n  }\n}\n","@mixin scrollbar {\n  &::-webkit-scrollbar {\n    height: var(--spacing-scale-base);\n    width: var(--spacing-scale-base);\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--gray-10);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--gray-30);\n  }\n\n  &:hover {\n    &::-webkit-scrollbar-thumb {\n      background: var(--gray-40);\n    }\n  }\n}\n","// Desabilitado\n@mixin disabled {\n  cursor: not-allowed;\n  opacity: var(--disabled);\n\n  * {\n    pointer-events: none;\n  }\n}\n\n// Dark mode\n@mixin dark-mode(\n  $color: \"color-dark\",\n  $color-rgb: \"color-dark-rgb\",\n  $text-color: $color,\n  $interactive: \"interactive-dark\",\n  $interactive-rgb: \"interactive-dark-rgb\",\n  $visited: \"visited-dark\",\n  $hover: \"hover-dark\",\n  $pressed: \"pressed-dark\",\n  $focus-color: \"focus-color-dark\",\n  $focus: $focus-color\n) {\n  --color: var(--#{$color});\n  --color-rgb: var(--#{$color-rgb});\n  --text-color: var(--#{$text-color});\n  --interactive: var(--#{$interactive});\n  --interactive-rgb: var(--#{$interactive-rgb});\n  --visited: var(--#{$visited});\n  --hover: var(--#{$hover});\n  --pressed: var(--#{$pressed});\n  --focus-color: var(--#{$focus-color});\n  --focus: var(--#{$focus});\n}\n@mixin light-mode(\n  $color: \"color-light\",\n  $color-rgb: \"color-light-rgb\",\n  $text-color: $color,\n  $interactive: \"interactive-light\",\n  $interactive-rgb: \"interactive-light-rgb\",\n  $visited: \"visited-light\",\n  $hover: \"hover-light\",\n  $pressed: \"pressed-light\",\n  $focus-color: \"focus-color-light\",\n  $focus: $focus-color\n) {\n  --color: var(--#{$color});\n  --color-rgb: var(--#{$color-rgb});\n  --text-color: var(--#{$text-color});\n  --interactive: var(--#{$interactive});\n  --interactive-rgb: var(--#{$interactive-rgb});\n  --visited: var(--#{$visited});\n  --hover: var(--#{$hover});\n  --pressed: var(--#{$pressed});\n  --focus-color: var(--#{$focus-color});\n  --focus: var(--#{$focus});\n}\n"],"names":[],"sourceRoot":""}