UNPKG

@vnmfify/core

Version:

```shell npm i @vnmfify/core -S ```

1 lines 2.48 kB
{"version":3,"sources":["space/space.scss","space/_variables.scss"],"names":[],"mappings":"AAIE,qBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,2BACE,mGAAA,CAGF,4BACE,qGCH0B,CDM5B,6BACE,uGCN2B,CDS7B,4BACE,qGCT0B,CDiB1B,sDACE,oGChByB,CDmB3B,uDACE,sGCnB0B,CDsB5B,wDACE,wGCtB2B,CDyB7B,uDACE,sGCzB0B","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}space {\r\n\r\n &__item {\r\n display: flex;\r\n\r\n &--mini {\r\n margin-bottom: $space-item-vertical-gap-mini;\r\n }\r\n\r\n &--small {\r\n margin-bottom: $space-item-vertical-gap-small;\r\n }\r\n\r\n &--medium {\r\n margin-bottom: $space-item-vertical-gap-medium;\r\n }\r\n\r\n &--large {\r\n margin-bottom: $space-item-vertical-gap-large;\r\n }\r\n }\r\n\r\n &--horizontal {\r\n\r\n .#{$component-prefix}space__item {\r\n\r\n &--mini {\r\n margin-right: $space-item-horizontal-gap-mini;\r\n }\r\n\r\n &--small {\r\n margin-right: $space-item-horizontal-gap-small;\r\n }\r\n\r\n &--medium {\r\n margin-right: $space-item-horizontal-gap-medium;\r\n }\r\n\r\n &--large {\r\n margin-right: $space-item-horizontal-gap-large;\r\n }\r\n }\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$space-item-gap-mini: var(--space-item-gap-mini, var(--padding-xs, $padding-xs));\r\n$space-item-gap-small: var(--space-item-gap-small, var(--padding-sm, $padding-sm));\r\n$space-item-gap-medium: var(--space-item-gap-medium, var(--padding-md, $padding-md));\r\n$space-item-gap-large: var(--space-item-gap-large, var(--padding-lg, $padding-lg));\r\n\r\n$space-item-vertical-gap-mini: var(--space-item-vertical-gap-mini, $space-item-gap-mini);\r\n$space-item-vertical-gap-small: var(--space-item-vertical-gap-small, $space-item-gap-small);\r\n$space-item-vertical-gap-medium: var(--space-item-vertical-gap-medium, $space-item-gap-medium);\r\n$space-item-vertical-gap-large: var(--space-item-vertical-gap-large, $space-item-gap-large);\r\n\r\n$space-item-horizontal-gap-mini: var(--space-item-horizontal-gap-mini, $space-item-gap-mini);\r\n$space-item-horizontal-gap-small: var(--space-item-horizontal-gap-small, $space-item-gap-small);\r\n$space-item-horizontal-gap-medium: var(--space-item-horizontal-gap-medium, $space-item-gap-medium);\r\n$space-item-horizontal-gap-large: var(--space-item-horizontal-gap-large, $space-item-gap-large);\r\n"]}