@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 4.71 kB
Source Map (JSON)
{"version":3,"sources":["flex/flex.scss","flex/flex-item.scss"],"names":[],"mappings":"AAKE,uDAEE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAKA,6BACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CAGF,8BACE,uBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,sBAAA,CAGF,2BACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CAGF,qCACE,wBAAA,CAAA,qBAAA,CAAA,qCAAA,CAAA,6BAAA,CAGF,oCACE,wBAAA,CAAA,oCAAA,CAAA,4BAAA,CAMF,2BACE,uBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,sBAAA,CAGF,4BACE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAGF,yBACE,qBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,oBAAA,CAGF,8BACE,0BAAA,CAAA,uBAAA,CAAA,4BAAA,CAAA,oBAAA,CAGF,6BACE,yBAAA,CAAA,sBAAA,CAAA,2BAAA,CAAA,mBAAA,CAIJ,mBACE,6BAAA,CAAA,4BAAA,CAAA,0BAAA,CAAA,sBAAA,CAAA,kBAAA,CAGF,2BACE,6BAAA,CAAA,6BAAA,CAAA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAGF,sBACE,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGF,8BACE,2BAAA,CAAA,6BAAA,CAAA,qCAAA,CAAA,iCAAA,CAAA,6BAAA,CAGF,sBACE,wBAAA,CAAA,oBAAA,CAAA,gBAAA,CAGF,oBACE,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAGF,4BACE,8BAAA,CAAA,0BAAA,CAAA,sBAAA,CC9EJ,mBAEE,6BAAA,CAAA,qBAAA,CACA,cAAA,CACA,cAAA,CAHA,iBAGA,CAIA,qBACE,kBAAA,CAAA,8BAAA,CAAA,0BAAA,CAAA,sBAAA,CACA,uBAAA,CAGF,4BACE,yBAAA,CANF,qBACE,kBAAA,CAAA,8BAAA,CAAA,0BAAA,CAAA,sBAAA,CACA,uBAAA,CAGF,4BACE,0BAAA,CANF,qBACE,kBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CACA,eAAA,CAGF,4BACE,eAAA,CANF,qBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,4BACE,0BAAA,CANF,qBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,4BACE,0BAAA,CANF,qBACE,kBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,YAAA,CACA,aAAA,CAGF,4BACE,eAAA,CANF,qBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,4BACE,0BAAA,CANF,qBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,4BACE,0BAAA,CANF,qBACE,kBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CACA,eAAA,CAGF,4BACE,eAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,0BAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,0BAAA,CANF,sBACE,kBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,YAAA,CACA,aAAA,CAGF,6BACE,gBAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CACA,eAAA,CAGF,6BACE,gBAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,YAAA,CACA,aAAA,CAGF,6BACE,gBAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CACA,eAAA,CAGF,6BACE,gBAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,uBAAA,CACA,wBAAA,CAGF,6BACE,2BAAA,CANF,sBACE,kBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,aAAA,CACA,cAAA,CAGF,6BACE,gBAAA","file":"index.css","sourcesContent":["@import \"../styles/prefix\";\r\n\r\n.#{$component-prefix}flex {\r\n display: flex;\r\n\r\n &::before,\r\n &::after {\r\n display: flex;\r\n }\r\n\r\n &--justify {\r\n\r\n &-start {\r\n justify-content: flex-start;\r\n }\r\n\r\n &-center {\r\n justify-content: center;\r\n }\r\n\r\n &-end {\r\n justify-content: flex-end;\r\n }\r\n\r\n &-space-between {\r\n justify-content: space-between;\r\n }\r\n\r\n &-space-around {\r\n justify-content: space-around;\r\n }\r\n }\r\n\r\n &--align {\r\n\r\n &-start {\r\n align-items: flex-start;\r\n }\r\n\r\n &-center {\r\n align-items: center;\r\n }\r\n\r\n &-end {\r\n align-items: flex-end;\r\n }\r\n\r\n &-baseline {\r\n align-items: baseline;\r\n }\r\n\r\n &-stretch {\r\n align-items: stretch;\r\n }\r\n }\r\n\r\n &--row {\r\n flex-direction: row;\r\n }\r\n\r\n &--row-reverse {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n &--column {\r\n flex-direction: column;\r\n }\r\n\r\n &--column-reverse {\r\n flex-direction: column-reverse;\r\n }\r\n\r\n &--nowrap {\r\n flex-wrap: nowrap;\r\n }\r\n\r\n &--wrap {\r\n flex-wrap: wrap;\r\n }\r\n\r\n &--wrap-reverse {\r\n flex-wrap: wrap-reverse;\r\n }\r\n}\r\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n.#{$component-prefix}flex-item {\n position: relative;\n box-sizing: border-box;\n max-width: 100%;\n min-height: 1px * $hd;\n}\n\n@for $i from 1 through 24 {\n .#{$component-prefix}flex-item-#{$i} {\n flex: 0 0 $i * calc(100% / 24);\n max-width: $i * calc(100% / 24);\n }\n\n .#{$component-prefix}flex-item-offset-#{$i} {\n margin-left: $i * calc(100% / 24) * $hd;\n }\n}\n"]}