{"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,gDAAA,CAAA,mBAAA,CAAA,+CAAA,CAAA,kBAAA,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\";\r\n\r\n.#{$component-prefix}grid-item {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n\r\n  &--square {\r\n    height: 0;\r\n  }\r\n\r\n  &__icon {\r\n    font-size: $grid-item-icon-font-size;\r\n\r\n    .#{$component-prefix}icon {\r\n      font-size: inherit;\r\n    }\r\n  }\r\n\r\n  &__text {\r\n    font-size: $grid-item-text-font-size;\r\n    line-height: 1.5;\r\n    color: $grid-item-text-color;\r\n    // https://github.com/youzan/vant/issues/3894\r\n    word-break: break-all;\r\n  }\r\n\r\n  &__icon + &__text {\r\n    margin-top: var(--padding-xs, $padding-xs);\r\n  }\r\n\r\n  &__content {\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    padding: $grid-item-content-padding;\r\n    background-color: $grid-item-content-background-color;\r\n\r\n    &::after {\r\n      z-index: 1;\r\n      border-width: 0 var(--border-width-base, $border-width-base) var(--border-width-base, $border-width-base) 0;\r\n    }\r\n\r\n    &--square {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n    }\r\n\r\n    &--centered {\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    &--surround {\r\n      &::after {\r\n        border-width: var(--border-width-base, $border-width-base);\r\n      }\r\n    }\r\n\r\n    &--horizontal {\r\n      flex-direction: row;\r\n\r\n      .#{$component-prefix}grid-item__icon + .#{$component-prefix}grid-item__text {\r\n        margin-top: 0;\r\n        margin-left: var(--padding-xs, $padding-xs);\r\n      }\r\n    }\r\n\r\n    &--clickable {\r\n      cursor: pointer;\r\n\r\n      &:active {\r\n        background-color: $grid-item-content-active-color;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$grid-item-content-padding: var(--grid-item-content-padding, var(--padding-md, $padding-md) var(--padding-xs, $padding-xs));\r\n$grid-item-content-background-color: var(--grid-item-content-background-color, var(--white, $white));\r\n$grid-item-content-active-color: var(--grid-item-content-active-color, var(--active-color, $active-color));\r\n$grid-item-icon-font-size: var(--grid-item-icon-font-size, 28px * $hd);\r\n$grid-item-text-color: var(--grid-item-text-color, var(--gray-7, $gray-7));\r\n$grid-item-text-font-size: var(--grid-item-text-font-size, var(--font-size-sm, $font-size-sm));\r\n"]}