@master/css 2.0.0-rc.67 → 2.0.0-rc.69

package/dist/config/utilities.mjs

@@ -1,133 +1,361 @@
 const utilities = {
-    container: {
+    'container': {
         'container-type': 'inline-size'
     },
-    square: {
+    'square': {
         'aspect-ratio': '1/1'
     },
-    video: {
+    'video': {
         'aspect-ratio': '16/9'
     },
-    rounded: {
+    'rounded': {
         'border-radius': '1e9em'
     },
-    round: {
+    'round': {
         'border-radius': '50%',
         'aspect-ratio': '1/1'
     },
-    hidden: {
-        display: 'none'
+    'hidden': {
+        'display': 'none'
     },
-    block: {
-        display: 'block'
+    'block': {
+        'display': 'block'
     },
-    table: {
-        display: 'table'
+    'table': {
+        'display': 'table'
     },
-    flex: {
-        display: 'flex'
+    'flex': {
+        'display': 'flex'
     },
-    grid: {
-        display: 'grid'
+    'grid': {
+        'display': 'grid'
     },
-    contents: {
-        display: 'contents'
+    'contents': {
+        'display': 'contents'
     },
-    inline: {
-        display: 'inline'
+    'inline': {
+        'display': 'inline'
     },
     'inline-block': {
-        display: 'inline-block'
+        'display': 'inline-block'
     },
     'inline-flex': {
-        display: 'inline-flex'
+        'display': 'inline-flex'
     },
     'inline-grid': {
-        display: 'inline-grid'
+        'display': 'inline-grid'
     },
     'inline-table': {
-        display: 'inline-table'
+        'display': 'inline-table'
     },
     'table-cell': {
-        display: 'table-cell'
+        'display': 'table-cell'
     },
     'table-caption': {
-        display: 'table-caption'
+        'display': 'table-caption'
     },
     'flow-root': {
-        display: 'flow-root'
+        'display': 'flow-root'
     },
     'list-item': {
-        display: 'list-item'
+        'display': 'list-item'
     },
     'table-row': {
-        display: 'table-row'
+        'display': 'table-row'
     },
     'table-column': {
-        display: 'table-column'
+        'display': 'table-column'
     },
     'table-row-group': {
-        display: 'table-row-group'
+        'display': 'table-row-group'
     },
     'table-column-group': {
-        display: 'table-column-group'
+        'display': 'table-column-group'
     },
     'table-header-group': {
-        display: 'table-header-group'
+        'display': 'table-header-group'
     },
     'table-footer-group': {
-        display: 'table-footer-group'
+        'display': 'table-footer-group'
     },
-    italic: {
+    'italic': {
         'font-style': 'italic'
     },
-    oblique: {
+    'oblique': {
         'font-style': 'oblique'
     },
-    isolate: {
-        isolation: 'isolate'
+    'isolate': {
+        'isolation': 'isolate'
     },
-    overflow: {
-        overflow: 'visible'
+    'overflow': {
+        'overflow': 'visible'
     },
-    untouchable: {
+    'untouchable': {
         'pointer-events': 'none'
     },
-    static: {
-        position: 'static'
+    'static': {
+        'position': 'static'
     },
-    fixed: {
-        position: 'fixed'
+    'fixed': {
+        'position': 'fixed'
     },
-    abs: {
-        position: 'absolute'
+    'abs': {
+        'position': 'absolute'
     },
-    rel: {
-        position: 'relative'
+    'rel': {
+        'position': 'relative'
     },
-    sticky: {
-        position: 'sticky'
+    'sticky': {
+        'position': 'sticky'
     },
-    uppercase: {
+    'uppercase': {
         'text-transform': 'uppercase'
     },
-    lowercase: {
+    'lowercase': {
         'text-transform': 'lowercase'
     },
-    capitalize: {
+    'capitalize': {
         'text-transform': 'capitalize'
     },
-    visible: {
-        visibility: 'visible'
+    'visible': {
+        'visibility': 'visible'
     },
-    invisible: {
-        visibility: 'hidden'
+    'invisible': {
+        'visibility': 'hidden'
     },
-    vw: {
-        width: '100vw'
+    'justify-normal': {
+        'justify-content': 'normal'
     },
-    vh: {
-        height: '100vh'
+    'justify-left': {
+        'justify-content': 'left'
+    },
+    'justify-center': {
+        'justify-content': 'center'
+    },
+    'justify-right': {
+        'justify-content': 'right'
+    },
+    'justify-stretch': {
+        'justify-content': 'stretch'
+    },
+    'justify-start': {
+        'justify-content': 'start'
+    },
+    'justify-end': {
+        'justify-content': 'end'
+    },
+    'justify-flex-start': {
+        'justify-content': 'flex-start'
+    },
+    'justify-flex-end': {
+        'justify-content': 'flex-end'
+    },
+    'justify-around': {
+        'justify-content': 'space-around'
+    },
+    'justify-between': {
+        'justify-content': 'space-between'
+    },
+    'justify-evenly': {
+        'justify-content': 'space-evenly'
+    },
+    'content-normal': {
+        'align-content': 'normal'
+    },
+    'content-baseline': {
+        'align-content': 'baseline'
+    },
+    'content-center': {
+        'align-content': 'center'
+    },
+    'content-stretch': {
+        'align-content': 'stretch'
+    },
+    'content-start': {
+        'align-content': 'start'
+    },
+    'content-end': {
+        'align-content': 'end'
+    },
+    'content-flex-start': {
+        'align-content': 'flex-start'
+    },
+    'content-flex-end': {
+        'align-content': 'flex-end'
+    },
+    'content-around': {
+        'align-content': 'space-around'
+    },
+    'content-between': {
+        'align-content': 'space-between'
+    },
+    'content-evenly': {
+        'align-content': 'space-evenly'
+    },
+    'items-normal': {
+        'align-items': 'normal'
+    },
+    'items-baseline': {
+        'align-items': 'baseline'
+    },
+    'items-center': {
+        'align-items': 'center'
+    },
+    'items-stretch': {
+        'align-items': 'stretch'
+    },
+    'items-start': {
+        'align-items': 'start'
+    },
+    'items-end': {
+        'align-items': 'end'
+    },
+    'items-flex-start': {
+        'align-items': 'flex-start'
+    },
+    'items-flex-end': {
+        'align-items': 'flex-end'
+    },
+    'items-self-start': {
+        'align-items': 'self-start'
+    },
+    'items-self-end': {
+        'align-items': 'self-end'
+    },
+    'self-auto': {
+        'align-self': 'auto'
+    },
+    'self-normal': {
+        'align-self': 'normal'
+    },
+    'self-baseline': {
+        'align-self': 'baseline'
+    },
+    'self-center': {
+        'align-self': 'center'
+    },
+    'self-stretch': {
+        'align-self': 'stretch'
+    },
+    'self-start': {
+        'align-self': 'start'
+    },
+    'self-end': {
+        'align-self': 'end'
+    },
+    'self-flex-start': {
+        'align-self': 'flex-start'
+    },
+    'self-flex-end': {
+        'align-self': 'flex-end'
+    },
+    'self-self-start': {
+        'align-self': 'self-start'
+    },
+    'self-self-end': {
+        'align-self': 'self-end'
+    },
+    'self-anchor-center': {
+        'align-self': 'anchor-center'
+    },
+    'vw': {
+        'width': '100vw'
+    },
+    'vh': {
+        'height': '100vh'
+    },
+    'box-border': {
+        'box-sizing': 'border-box'
+    },
+    'box-content': {
+        'box-sizing': 'content-box'
+    },
+    'transform-content': {
+        'transform-box': 'content-box'
+    },
+    'transform-border': {
+        'transform-box': 'border-box'
+    },
+    'transform-fill': {
+        'transform-box': 'fill-box'
+    },
+    'transform-stroke': {
+        'transform-box': 'stroke-box'
+    },
+    'transform-view': {
+        'transform-box': 'view-box'
+    },
+    'bg-clip-content': {
+        'background-clip': 'content-box'
+    },
+    'bg-clip-padding': {
+        'background-clip': 'padding-box'
+    },
+    'bg-clip-border': {
+        'background-clip': 'border-box'
+    },
+    'bg-clip-text': {
+        'background-clip': 'text'
+    },
+    'bg-origin-content': {
+        'background-origin': 'content-box'
+    },
+    'bg-origin-padding': {
+        'background-origin': 'padding-box'
+    },
+    'bg-origin-border': {
+        'background-origin': 'border-box'
+    },
+    'shape-none': {
+        'shape-outside': 'none'
+    },
+    'shape-margin': {
+        'shape-outside': 'margin-box'
+    },
+    'shape-content': {
+        'shape-outside': 'content-box'
+    },
+    'shape-border': {
+        'shape-outside': 'border-box'
+    },
+    'shape-padding': {
+        'shape-outside': 'padding-box'
+    },
+    'clip-none': {
+        'clip-path': 'none'
+    },
+    'clip-margin': {
+        'clip-path': 'margin-box'
+    },
+    'clip-content': {
+        'clip-path': 'content-box'
+    },
+    'clip-border': {
+        'clip-path': 'border-box'
+    },
+    'clip-padding': {
+        'clip-path': 'padding-box'
+    },
+    'clip-fill': {
+        'clip-path': 'fill-box'
+    },
+    'clip-stroke': {
+        'clip-path': 'stroke-box'
+    },
+    'clip-view': {
+        'clip-path': 'view-box'
+    },
+    'flex-row': {
+        'flex-direction': 'row'
+    },
+    'flex-row-reverse': {
+        'flex-direction': 'row-reverse'
+    },
+    'flex-col': {
+        'flex-direction': 'column'
+    },
+    'flex-col-reverse': {
+        'flex-direction': 'column-reverse'
     },
     'max-vw': {
         'max-width': '100vw'
@@ -141,46 +369,31 @@ const utilities = {
     'min-vh': {
         'min-height': '100vh'
     },
-    'center-content': {
-        'justify-content': 'center',
-        'align-items': 'center'
-    },
-    'sr-only': {
-        position: 'absolute',
-        width: '1px',
-        height: '1px',
-        padding: '0',
-        margin: '-1px',
-        overflow: 'hidden',
-        clip: 'rect(0,0,0,0)',
-        'white-space': 'nowrap',
-        'border-width': '0'
-    },
-    full: {
-        width: '100%',
-        height: '100%'
+    'full': {
+        'width': '100%',
+        'height': '100%'
     },
-    top: {
-        top: 0
+    'top': {
+        'top': 0
     },
-    left: {
-        left: 0
+    'left': {
+        'left': 0
     },
-    right: {
-        right: 0
+    'right': {
+        'right': 0
     },
-    bottom: {
-        bottom: 0
+    'bottom': {
+        'bottom': 0
     },
-    center: {
-        left: 0,
-        right: 0,
+    'center': {
+        'left': 0,
+        'right': 0,
         'margin-left': 'auto',
         'margin-right': 'auto'
     },
-    middle: {
-        top: 0,
-        bottom: 0,
+    'middle': {
+        'top': 0,
+        'bottom': 0,
         'margin-top': 'auto',
         'margin-bottom': 'auto'
     },
@@ -201,12 +414,30 @@ const utilities = {
     },
     'gradient-text': {
         '-webkit-text-fill-color': 'transparent',
-        '-webkit-background-clip': 'text',
         'background-clip': 'text'
     },
-    fit: {
-        width: 'fit-content',
-        height: 'fit-content'
+    'fit': {
+        'width': 'fit-content',
+        'height': 'fit-content'
+    },
+    'font-antialiased': {
+        '-webkit-font-smoothing': 'antialiased',
+        '-moz-osx-font-smoothing': 'grayscale'
+    },
+    'font-subpixel-antialiased': {
+        '-webkit-font-smoothing': 'auto',
+        '-moz-osx-font-smoothing': 'auto'
+    },
+    'sr-only': {
+        'position': 'absolute',
+        'width': '1px',
+        'height': '1px',
+        'padding': '0',
+        'margin': '-1px',
+        'overflow': 'hidden',
+        'clip': 'rect(0,0,0,0)',
+        'white-space': 'nowrap',
+        'border-width': '0'
     }
 };