@progress/kendo-theme-utils/dist/meta/sassdoc-raw-data.json

Utility first library alongside Kendo UI

[
    {
        "description": "This is equivalent to `align-content: space-evenly;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-align-content-evenly"
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: space-evenly;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-normal",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: normal;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-stretch",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: stretch;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-center",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: center;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-start",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: start;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-end",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: end;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-flex-start",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: flex-start;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-flex-end",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: flex-end;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: baseline;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: baseline;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: first baseline;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: first baseline;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: last baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-last-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: last baseline;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: space-between;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-between",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: space-between;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-content: space-around;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-align-content-around",
            "value": "@include import-once(\"utils-flex-grid-align-content\") {\n\n        // Align content utility classes\n        $kendo-utils-align-content: map.get( $kendo-utils, \"align-content\" ) !default;\n        @include generate-utils( align-content, align-content, $kendo-utils-align-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-content: space-around;"
            }
        ],
        "group": [
            "align-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-content.scss",
            "name": "_align-content.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: self-end;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "line": {
                "start": 73,
                "end": 73
            },
            "name": ".k-align-items-self-end"
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: self-end;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-normal",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: normal;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-stretch",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: stretch;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-center",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: center;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-start",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: start;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-end",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: end;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-flex-start",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: flex-start;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-flex-end",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: flex-end;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: baseline;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: baseline;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: first baseline;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: first baseline;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: last baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-last-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: last baseline;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-items: self-start;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-align-items-self-start",
            "value": "@include import-once(\"utils-flex-grid-align-items\") {\n\n        // Align items utility classes\n        $kendo-utils-align-items: map.get( $kendo-utils, \"align-items\" ) !default;\n        @include generate-utils( align-items, align-items, $kendo-utils-align-items );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-items: self-start;"
            }
        ],
        "group": [
            "align-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-items.scss",
            "name": "_align-items.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: self-end;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-align-self-self-end"
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: self-end;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-auto",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: auto;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: normal;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-normal",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: normal;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: stretch;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-stretch",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: stretch;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: center;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-center",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: center;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: start;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-start",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: start;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: end;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-end",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: end;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: flex-start;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-flex-start",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: flex-start;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: flex-end;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-flex-end",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: flex-end;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: baseline;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: baseline;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: first baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: first baseline;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: last baseline;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-last-baseline",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: last baseline;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `align-self: self-start;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-align-self-self-start",
            "value": "@include import-once(\"utils-flex-grid-align-self\") {\n\n        // Align self utility classes\n        $kendo-utils-align-self: map.get( $kendo-utils, \"align-self\" ) !default;\n        @include generate-utils( align-self, align-self, $kendo-utils-align-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "align-self: self-start;"
            }
        ],
        "group": [
            "align-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_align-self.scss",
            "name": "_align-self.scss"
        }
    },
    {
        "description": "This is equivalent to `appearance: auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-appearance-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "appearance: auto;"
            }
        ],
        "group": [
            "appearance"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_appearance.scss",
            "name": "_appearance.scss"
        }
    },
    {
        "description": "This is equivalent to `appearance: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-appearance-none",
            "value": "@include import-once(\"utils-interactivity-appearance\") {\n\n        // Appearance utility classes\n        $kendo-utils-appearance: map.get( $kendo-utils, \"appearance\" ) !default;\n        @include generate-utils( appearance, appearance, $kendo-utils-appearance );\n\n    }",
            "line": {
                "start": 19,
                "end": 28
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "appearance: none;"
            }
        ],
        "group": [
            "appearance"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_appearance.scss",
            "name": "_appearance.scss"
        }
    },
    {
        "description": "This is equivalent to `aspect-ratio: 16 / 9;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-aspect-ratio-video"
        },
        "example": [
            {
                "type": "scss",
                "code": "aspect-ratio: 16 / 9;"
            }
        ],
        "group": [
            "aspect-ratio"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_aspect-ratio.scss",
            "name": "_aspect-ratio.scss"
        }
    },
    {
        "description": "This is equivalent to `aspect-ratio: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-aspect-ratio-auto",
            "value": "@include import-once(\"utils-layout-aspect-ratio\") {\n\n        // Aspect ratio utility classes\n        $kendo-utils-aspect-ratio: map.get( $kendo-utils, \"aspect-ratio\" ) !default;\n        @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n\n        // Legacy aliases\n        @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n    }",
            "line": {
                "start": 31,
                "end": 44
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "aspect-ratio: auto;"
            }
        ],
        "group": [
            "aspect-ratio"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_aspect-ratio.scss",
            "name": "_aspect-ratio.scss"
        }
    },
    {
        "description": "This is equivalent to `aspect-ratio: 1;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-aspect-ratio-1",
            "value": "@include import-once(\"utils-layout-aspect-ratio\") {\n\n        // Aspect ratio utility classes\n        $kendo-utils-aspect-ratio: map.get( $kendo-utils, \"aspect-ratio\" ) !default;\n        @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n\n        // Legacy aliases\n        @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n    }",
            "line": {
                "start": 31,
                "end": 44
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "aspect-ratio: 1;"
            }
        ],
        "group": [
            "aspect-ratio"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_aspect-ratio.scss",
            "name": "_aspect-ratio.scss"
        }
    },
    {
        "description": "This is equivalent to `aspect-ratio: 1 / 1;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-aspect-ratio-square",
            "value": "@include import-once(\"utils-layout-aspect-ratio\") {\n\n        // Aspect ratio utility classes\n        $kendo-utils-aspect-ratio: map.get( $kendo-utils, \"aspect-ratio\" ) !default;\n        @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n\n        // Legacy aliases\n        @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );\n\n    }",
            "line": {
                "start": 31,
                "end": 44
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "aspect-ratio: 1 / 1;"
            }
        ],
        "group": [
            "aspect-ratio"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_aspect-ratio.scss",
            "name": "_aspect-ratio.scss"
        }
    },
    {
        "description": "This is equivalent to `backdrop-filter: blur(12px);`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "line": {
                "start": 31,
                "end": 31
            },
            "name": ".k-backdrop-blur-lg"
        },
        "example": [
            {
                "type": "scss",
                "code": "backdrop-filter: blur(12px);"
            }
        ],
        "group": [
            "backdrop-blur"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "filter/_backdrop.scss",
            "name": "_backdrop.scss"
        }
    },
    {
        "description": "This is equivalent to `backdrop-filter: blur(8px);`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-backdrop-blur",
            "value": "@include import-once(\"utils-filter-backdrop\") {\n\n        // backdrop utility classes\n        $kendo-utils-backdrop-blur: map.get( $kendo-utils, \"backdrop-blur\" ) !default;\n        @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "backdrop-filter: blur(8px);"
            }
        ],
        "group": [
            "backdrop-blur"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "filter/_backdrop.scss",
            "name": "_backdrop.scss"
        }
    },
    {
        "description": "This is equivalent to `backdrop-filter: blur(0);`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-backdrop-blur-none",
            "value": "@include import-once(\"utils-filter-backdrop\") {\n\n        // backdrop utility classes\n        $kendo-utils-backdrop-blur: map.get( $kendo-utils, \"backdrop-blur\" ) !default;\n        @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "backdrop-filter: blur(0);"
            }
        ],
        "group": [
            "backdrop-blur"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "filter/_backdrop.scss",
            "name": "_backdrop.scss"
        }
    },
    {
        "description": "This is equivalent to `backdrop-filter: blur(4px);`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-backdrop-blur-sm",
            "value": "@include import-once(\"utils-filter-backdrop\") {\n\n        // backdrop utility classes\n        $kendo-utils-backdrop-blur: map.get( $kendo-utils, \"backdrop-blur\" ) !default;\n        @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "backdrop-filter: blur(4px);"
            }
        ],
        "group": [
            "backdrop-blur"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "filter/_backdrop.scss",
            "name": "_backdrop.scss"
        }
    },
    {
        "description": "This is equivalent to `backdrop-filter: blur(6px);`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-backdrop-blur-md",
            "value": "@include import-once(\"utils-filter-backdrop\") {\n\n        // backdrop utility classes\n        $kendo-utils-backdrop-blur: map.get( $kendo-utils, \"backdrop-blur\" ) !default;\n        @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "backdrop-filter: blur(6px);"
            }
        ],
        "group": [
            "backdrop-blur"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "filter/_backdrop.scss",
            "name": "_