{"version":3,"sources":["grid/grid.scss","grid/grid-item.scss","grid/_variables.scss"],"names":[],"mappings":"AAEA,cACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CCFF,mBAEE,6BAAA,CAAA,qBAAA,CADA,iBACA,CAEA,2BACE,QAAA,CAGF,yBACE,8CCLuB,CDOvB,uCACE,iBAAA,CAIJ,yBAGE,uDCdmB,CDYnB,kECXuB,CDYvB,eAAA,CAGA,oBAAA,CAGF,kDACE,iCAAA,CAGF,4BAGE,2BAAA,CAAA,4BAAA,CAGA,4EChCiC,CD2BjC,6BAAA,CAAA,qBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,WAAA,CACA,sFC/BiC,CDkCjC,kCAEE,0EAAA,CADA,SACA,CAGF,oCAIE,MAAA,CAHA,iBAAA,CAEA,OAAA,CADA,KAEA,CAGF,sCACE,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CACA,8BAAA,CAAA,sBAAA,CAIA,4CACE,yCAAA,CAIJ,wCACE,6BAAA,CAAA,4BAAA,CAAA,0BAAA,CAAA,sBAAA,CAAA,kBAAA,CAEA,0FAEE,kCAAA,CADA,YACA,CAIJ,uCACE,cAAA,CAEA,8CACE,gGCrEyB","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}grid {\n  display: flex;\n  flex-wrap: wrap;\n}\n","@import \"./variables\";\n\n.#{$component-prefix}grid-item {\n  position: relative;\n  box-sizing: border-box;\n\n  &--square {\n    height: 0;\n  }\n\n  &__icon {\n    font-size: $grid-item-icon-font-size;\n\n    .#{$component-prefix}icon {\n      font-size: inherit;\n    }\n  }\n\n  &__text {\n    font-size: $grid-item-text-font-size;\n    line-height: 1.5;\n    color: $grid-item-text-color;\n    // https://github.com/youzan/vant/issues/3894\n    word-break: break-all;\n  }\n\n  &__icon + &__text {\n    margin-top: var(--padding-xs, $padding-xs);\n  }\n\n  &__content {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: $grid-item-content-padding;\n    background-color: $grid-item-content-background-color;\n\n    &::after {\n      z-index: 1;\n      border-width: 0 var(--border-width-base, $border-width-base) var(--border-width-base, $border-width-base) 0;\n    }\n\n    &--square {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n    }\n\n    &--centered {\n      align-items: center;\n      justify-content: center;\n    }\n\n    &--surround {\n      &::after {\n        border-width: var(--border-width-base, $border-width-base);\n      }\n    }\n\n    &--horizontal {\n      flex-direction: row;\n\n      .#{$component-prefix}grid-item__icon + .#{$component-prefix}grid-item__text {\n        margin-top: 0;\n        margin-left: var(--padding-xs, $padding-xs);\n      }\n    }\n\n    &--clickable {\n      cursor: pointer;\n\n      &:active {\n        background-color: $grid-item-content-active-color;\n      }\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$grid-item-content-padding: var(--grid-item-content-padding, var(--padding-md, $padding-md) var(--padding-xs, $padding-xs));\n$grid-item-content-background-color: var(--grid-item-content-background-color, var(--white, $white));\n$grid-item-content-active-color: var(--grid-item-content-active-color, var(--active-color, $active-color));\n$grid-item-icon-font-size: var(--grid-item-icon-font-size, 28px * $hd);\n$grid-item-text-color: var(--grid-item-text-color, var(--gray-7, $gray-7));\n$grid-item-text-font-size: var(--grid-item-text-font-size, var(--font-size-sm, $font-size-sm));\n"]}