@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 3.46 kB
Source Map (JSON)
{"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"]}