[
    {
        "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": "_backdrop.scss"
        }
    },
    {
        "description": "This is equivalent to `background-clip: text;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-bg-clip-text"
        },
        "example": [
            {
                "type": "scss",
                "code": "background-clip: text;"
            }
        ],
        "group": [
            "background-clip"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-clip.scss",
            "name": "_background-clip.scss"
        }
    },
    {
        "description": "This is equivalent to `background-clip: border-box;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-bg-clip-border",
            "value": "@include import-once(\"utils-background-clip\") {\n\n        // Background color utility classes\n        $kendo-utils-background-clip: map.get( $kendo-utils, \"background-clip\" ) !default;\n        @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-clip: border-box;"
            }
        ],
        "group": [
            "background-clip"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-clip.scss",
            "name": "_background-clip.scss"
        }
    },
    {
        "description": "This is equivalent to `background-clip: padding-box;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-bg-clip-padding",
            "value": "@include import-once(\"utils-background-clip\") {\n\n        // Background color utility classes\n        $kendo-utils-background-clip: map.get( $kendo-utils, \"background-clip\" ) !default;\n        @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-clip: padding-box;"
            }
        ],
        "group": [
            "background-clip"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-clip.scss",
            "name": "_background-clip.scss"
        }
    },
    {
        "description": "This is equivalent to `background-clip: content-box;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-bg-clip-content",
            "value": "@include import-once(\"utils-background-clip\") {\n\n        // Background color utility classes\n        $kendo-utils-background-clip: map.get( $kendo-utils, \"background-clip\" ) !default;\n        @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-clip: content-box;"
            }
        ],
        "group": [
            "background-clip"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-clip.scss",
            "name": "_background-clip.scss"
        }
    },
    {
        "description": "Sets the background color to the dark emphasis color.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "line": {
                "start": 241,
                "end": 241
            },
            "name": ".k-bg-dark-emphasis"
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-dark-emphasis, #212529);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "This is equivalent to `background-color: inherit;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-bg-inherit",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: inherit;"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "This is equivalent to `background-color: transparent;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-bg-transparent",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: transparent;"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "This is equivalent to `background-color: black;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-bg-black",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: black;"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "This is equivalent to `background-color: white;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-bg-white",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: white;"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the app surface color.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-bg-app-surface",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-app-surface, #fafafa);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the on app surface color.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-bg-on-app-surface",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-on-app-surface, #424242);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the subtle color.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-bg-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-subtle, #666666);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the surface color.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-bg-surface",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-surface, #ffffff);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the surface alt color.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-bg-surface-alt",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-surface-alt, #f5f5f5);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the border color.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-bg-border",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-border, #d9d9d9);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the border alt color.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-bg-border-alt",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-border-alt, #e0e0e0);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the base subtle color.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-bg-base-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-base-subtle, #f0f0f0);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the base emphasis color.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-bg-base-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-base-emphasis, #000000);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the primary subtle color.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-bg-primary-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-primary-subtle, #e3f2fd);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the primary color.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-bg-primary",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-primary, #2196f3);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the primary emphasis color.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-bg-primary-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-primary-emphasis, #1976d2);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the secondary subtle color.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-bg-secondary-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-secondary-subtle, #f3e5f5);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the secondary color.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-bg-secondary",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-secondary, #9c27b0);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the secondary emphasis color.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-bg-secondary-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-secondary-emphasis, #7b1fa2);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the tertiary subtle color.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-bg-tertiary-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-tertiary-subtle, #fff3e0);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the tertiary color.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-bg-tertiary",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-tertiary, #ff9800);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the tertiary emphasis color.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-bg-tertiary-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-tertiary-emphasis, #f57c00);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the info subtle color.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-bg-info-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-info-subtle, #e1f5fe);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the info color.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-bg-info",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-info, #00bcd4);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the info emphasis color.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-bg-info-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-info-emphasis, #0097a7);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the success subtle color.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-bg-success-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-success-subtle, #e8f5e8);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the success color.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-bg-success",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-success, #4caf50);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the success emphasis color.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-bg-success-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-success-emphasis, #388e3c);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the warning subtle color.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-bg-warning-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-warning-subtle, #fff8e1);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the warning color.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-bg-warning",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-warning, #ff9800);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the warning emphasis color.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-bg-warning-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-warning-emphasis, #f57c00);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the error subtle color.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-bg-error-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-error-subtle, #ffebee);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the error color.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-bg-error",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-error, #f44336);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the error emphasis color.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-bg-error-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-error-emphasis, #d32f2f);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the light subtle color.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-bg-light-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-light-subtle, #f8f9fa);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the light color.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-bg-light",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-light, #f8f9fa);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the light emphasis color.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-bg-light-emphasis",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-light-emphasis, #dee2e6);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the dark subtle color.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-bg-dark-subtle",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-dark-subtle, #6c757d);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "Sets the background color to the dark color.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-bg-dark",
            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 247,
                "end": 256
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-color: var(--kendo-color-dark, #343a40);"
            }
        ],
        "group": [
            "background-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-color.scss",
            "name": "_background-color.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: bottom right;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "line": {
                "start": 55,
                "end": 55
            },
            "name": ".k-bg-bottom-right"
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: bottom right;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: center;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-bg-center",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: center;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: top;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-bg-top",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: top;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: right;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-bg-right",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: right;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: bottom;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-bg-bottom",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: bottom;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: left;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-bg-left",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: left;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: top left;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-bg-top-left",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: top left;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: top right;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-bg-top-right",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: top right;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-position: bottom left;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-bg-bottom-left",
            "value": "@include import-once(\"utils-background-position\") {\n\n        // Background position utility classes\n        $kendo-utils-background-position: map.get( $kendo-utils, \"background-position\" ) !default;\n        @include generate-utils( bg, background-position, $kendo-utils-background-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-position: bottom left;"
            }
        ],
        "group": [
            "background-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-position.scss",
            "name": "_background-position.scss"
        }
    },
    {
        "description": "This is equivalent to `background-size: contain;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-bg-contain"
        },
        "example": [
            {
                "type": "scss",
                "code": "background-size: contain;"
            }
        ],
        "group": [
            "background-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-size.scss",
            "name": "_background-size.scss"
        }
    },
    {
        "description": "This is equivalent to `background-size: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-bg-auto",
            "value": "@include import-once(\"utils-background-size\") {\n\n        // Background size utility classes\n        $kendo-utils-background-size: map.get( $kendo-utils, \"background-size\" ) !default;\n        @include generate-utils( bg, background-size, $kendo-utils-background-size );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-size: auto;"
            }
        ],
        "group": [
            "background-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-size.scss",
            "name": "_background-size.scss"
        }
    },
    {
        "description": "This is equivalent to `background-size: cover;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-bg-cover",
            "value": "@include import-once(\"utils-background-size\") {\n\n        // Background size utility classes\n        $kendo-utils-background-size: map.get( $kendo-utils, \"background-size\" ) !default;\n        @include generate-utils( bg, background-size, $kendo-utils-background-size );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "background-size: cover;"
            }
        ],
        "group": [
            "background-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "background/_background-size.scss",
            "name": "_background-size.scss"
        }
    },
    {
        "description": "This is equivalent to `border-collapse: separate;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-border-separate"
        },
        "example": [
            {
                "type": "scss",
                "code": "border-collapse: separate;"
            }
        ],
        "group": [
            "border-collapse"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "table/_border-collapse.scss",
            "name": "_border-collapse.scss"
        }
    },
    {
        "description": "This is equivalent to `border-collapse: collapse;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-border-collapse",
            "value": "@include import-once(\"utils-table-border-collapse\") {\n\n        // Border collapse utility classes\n        $kendo-utils-border-collapse: map.get( $kendo-utils, \"border-collapse\" ) !default;\n        @include generate-utils( border, border-collapse, $kendo-utils-border-collapse );\n\n    }",
            "line": {
                "start": 19,
                "end": 28
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-collapse: collapse;"
            }
        ],
        "group": [
            "border-collapse"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "table/_border-collapse.scss",
            "name": "_border-collapse.scss"
        }
    },
    {
        "description": "Sets the border color to the dark emphasis color.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "line": {
                "start": 247,
                "end": 247
            },
            "name": ".k-border-dark-emphasis"
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-dark-emphasis, #212529);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-color: inherit;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-border-inherit",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: inherit;"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-color: currentColor;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-border-currentColor",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: currentColor;"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-color: transparent;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-border-transparent",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: transparent;"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-color: black;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-border-black",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: black;"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-color: white;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-border-white",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: white;"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the app surface color.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-border-app-surface",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-app-surface, #fafafa);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the on app surface color.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-border-on-app-surface",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-on-app-surface, #424242);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the subtle color.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-border-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-subtle, #666666);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the surface color.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-border-surface",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-surface, #ffffff);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the surface alt color.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-border-surface-alt",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-surface-alt, #f5f5f5);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the border color.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-border-border",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-border, #d9d9d9);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the border alt color.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-border-border-alt",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-border-alt, #e0e0e0);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the base subtle color.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-border-base-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-base-subtle, #f0f0f0);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the base emphasis color.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-border-base-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-base-emphasis, #000000);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary subtle color.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-border-primary-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-primary-subtle, #e3f2fd);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary color.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-border-primary",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-primary, #2196f3);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary emphasis color.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-border-primary-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-primary-emphasis, #1976d2);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary subtle color.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-border-secondary-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-secondary-subtle, #f3e5f5);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary color.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-border-secondary",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-secondary, #9c27b0);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary emphasis color.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-border-secondary-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-secondary-emphasis, #7b1fa2);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary subtle color.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-border-tertiary-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-tertiary-subtle, #fff3e0);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary color.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-border-tertiary",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-tertiary, #ff9800);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary emphasis color.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-border-tertiary-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-tertiary-emphasis, #f57c00);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info subtle color.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-border-info-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-info-subtle, #e1f5fe);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info color.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-border-info",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-info, #00bcd4);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info emphasis color.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-border-info-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-info-emphasis, #0097a7);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success subtle color.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-border-success-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-success-subtle, #e8f5e8);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success color.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-border-success",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-success, #4caf50);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success emphasis color.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-border-success-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-success-emphasis, #388e3c);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning subtle color.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-border-warning-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-warning-subtle, #fff8e1);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning color.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-border-warning",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-warning, #ff9800);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning emphasis color.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-border-warning-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-warning-emphasis, #f57c00);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error subtle color.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-border-error-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-error-subtle, #ffebee);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error color.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-border-error",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-error, #f44336);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error emphasis color.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-border-error-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-error-emphasis, #d32f2f);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light subtle color.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-border-light-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-light-subtle, #f8f9fa);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light color.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-border-light",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-light, #f8f9fa);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light emphasis color.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-border-light-emphasis",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-light-emphasis, #dee2e6);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the dark subtle color.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-border-dark-subtle",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-dark-subtle, #6c757d);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "Sets the border color to the dark color.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-border-dark",
            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-color: var(--kendo-color-dark, #343a40);"
            }
        ],
        "group": [
            "border-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-color.scss",
            "name": "_border-color.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 9999px;`.\n",
        "commentRange": {
            "start": 319,
            "end": 323
        },
        "context": {
            "type": "css",
            "line": {
                "start": 325,
                "end": 336
            },
            "name": ".k-rounded-l-full"
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-rounded",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-radius: 9999px;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 0;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-left-radius: 9999px;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tl-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-left-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 0;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-right-radius: 9999px;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-tr-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-right-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 0;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 9999px;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-br-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-left-radius: 0;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-left-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-left-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-left-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-left-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-left-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-right-radius: 9999px;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-bl-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-right-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 0;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-radius: 9999px;`.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-t-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 0;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-radius: 9999px;`.\n",
        "commentRange": {
            "start": 247,
            "end": 251
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-r-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 253,
            "end": 257
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 0;`.\n",
        "commentRange": {
            "start": 259,
            "end": 263
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-radius: 9999px;`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-b-full",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-radius: 9999px;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 289,
            "end": 293
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-l",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 0;`.\n",
        "commentRange": {
            "start": 295,
            "end": 299
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-l-0",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 0;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 0.125rem;`.\n",
        "commentRange": {
            "start": 301,
            "end": 305
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-l-sm",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 0.125rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 0.25rem;`.\n",
        "commentRange": {
            "start": 307,
            "end": 311
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-l-md",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 0.25rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-radius: 0.5rem;`.\n",
        "commentRange": {
            "start": 313,
            "end": 317
        },
        "context": {
            "type": "css",
            "name": ".k-rounded-l-lg",
            "value": "@include import-once(\"utils-border-radius\") {\n\n        // Border radius utility classes\n        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: \"border-radius\" );\n\n    }",
            "line": {
                "start": 332,
                "end": 348
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-radius: 0.5rem;"
            }
        ],
        "group": [
            "border-radius"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-radius.scss",
            "name": "_border-radius.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: none;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "line": {
                "start": 247,
                "end": 247
            },
            "name": ".k-border-y-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: solid;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-border-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: dashed;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-border-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: dotted;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-border-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: double;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-border-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: hidden;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-border-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-style: none;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-border-none",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: solid;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: dashed;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: dotted;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: double;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: hidden;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-style: none;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-none",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: solid;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: dashed;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: dotted;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: double;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: hidden;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-style: none;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-none",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: solid;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: dashed;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: dotted;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: double;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: hidden;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-style: none;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-none",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-style: solid;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-style: dashed;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-style: dotted;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-style: double;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-style: hidden;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: solid;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: dashed;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: dotted;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: double;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: hidden;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-style: none;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-none",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-style: none;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: solid;`.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-solid",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: solid;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: dashed;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-dashed",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: dashed;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: dotted;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-dotted",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: dotted;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: double;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-double",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: double;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-style: hidden;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-hidden",
            "value": "@include import-once(\"utils-border-style\") {\n\n        // Border style utility classes\n        $kendo-utils-border-style: map.get( $kendo-utils, \"border-style\" ) !default;\n        @include generate-utils( border, border-style, $kendo-utils-border-style );\n        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );\n        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );\n        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );\n        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );\n        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );\n        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );\n\n    }",
            "line": {
                "start": 253,
                "end": 268
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-style: hidden;"
            }
        ],
        "group": [
            "border-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-style.scss",
            "name": "_border-style.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-width: 8px;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "line": {
                "start": 211,
                "end": 211
            },
            "name": ".k-border-y-8"
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-width: 1px;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-border",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-width: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-border-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-width: 0;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-width: 2px;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-border-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-width: 4px;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-border-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-width: 8px;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-border-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-width: 1px;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-border-t",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-width: 0px;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-width: 2px;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-width: 4px;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-top-width: 8px;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-border-t-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-top-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-width: 1px;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-border-r",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-width: 0px;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-width: 2px;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-width: 4px;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-right-width: 8px;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-border-r-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-right-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-width: 1px;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-border-b",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-width: 0px;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-width: 2px;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-width: 4px;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-bottom-width: 8px;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-border-b-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-bottom-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-width: 1px;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-border-l",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-width: 0px;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-width: 2px;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-width: 4px;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-left-width: 8px;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-border-l-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-left-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-width: 1px;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-border-x",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-width: 0px;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-width: 2px;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-width: 4px;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-inline-width: 8px;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-border-x-8",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-inline-width: 8px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-width: 1px;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-border-y",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-width: 1px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-width: 0px;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-0",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-width: 0px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-width: 2px;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-2",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-width: 2px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `border-block-width: 4px;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-border-y-4",
            "value": "@include import-once(\"utils-border-width\") {\n\n        // Border width utility classes\n        $kendo-utils-border-width: map.get( $kendo-utils, \"border-width\" ) !default;\n        @include generate-utils( border, border-width, $kendo-utils-border-width );\n        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );\n        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );\n        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );\n\n\n        // Legacy aliases\n        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );\n        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );\n        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );\n        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );\n\n    }",
            "line": {
                "start": 217,
                "end": 239
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "border-block-width: 4px;"
            }
        ],
        "group": [
            "border-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_border-width.scss",
            "name": "_border-width.scss"
        }
    },
    {
        "description": "This is equivalent to `box-sizing: content-box;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 14
            },
            "name": ".k-box-sizing-content"
        },
        "example": [
            {
                "type": "scss",
                "code": "box-sizing: content-box;"
            }
        ],
        "group": [
            "box-sizing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_box-sizing.scss",
            "name": "_box-sizing.scss"
        }
    },
    {
        "description": "This is equivalent to `box-sizing: border-box;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-box-sizing-border",
            "value": "@include import-once(\"utils-layout-box-sizing\") {\n\n        // box-sizing utility classes\n        $kendo-utils-box-sizing: map.get( $kendo-utils, \"box-sizing\" ) !default;\n        @include generate-utils( box-sizing, box-sizing, $kendo-utils-box-sizing );\n\n    }",
            "line": {
                "start": 20,
                "end": 29
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-sizing: border-box;"
            }
        ],
        "group": [
            "box-sizing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_box-sizing.scss",
            "name": "_box-sizing.scss"
        }
    },
    {
        "description": "This is equivalent to `clear: none;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-clear-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "clear: none;"
            }
        ],
        "group": [
            "clear"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_clear.scss",
            "name": "_clear.scss"
        }
    },
    {
        "description": "This is equivalent to `clear: left;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-clear-left",
            "value": "@include import-once(\"utils-layout-clear\") {\n\n        // Clear utility classes\n        $kendo-utils-clear: map.get( $kendo-utils, \"clear\" ) !default;\n        @include generate-utils( clear, clear, $kendo-utils-clear );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "clear: left;"
            }
        ],
        "group": [
            "clear"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_clear.scss",
            "name": "_clear.scss"
        }
    },
    {
        "description": "This is equivalent to `clear: right;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-clear-right",
            "value": "@include import-once(\"utils-layout-clear\") {\n\n        // Clear utility classes\n        $kendo-utils-clear: map.get( $kendo-utils, \"clear\" ) !default;\n        @include generate-utils( clear, clear, $kendo-utils-clear );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "clear: right;"
            }
        ],
        "group": [
            "clear"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_clear.scss",
            "name": "_clear.scss"
        }
    },
    {
        "description": "This is equivalent to `clear: both;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-clear-both",
            "value": "@include import-once(\"utils-layout-clear\") {\n\n        // Clear utility classes\n        $kendo-utils-clear: map.get( $kendo-utils, \"clear\" ) !default;\n        @include generate-utils( clear, clear, $kendo-utils-clear );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "clear: both;"
            }
        ],
        "group": [
            "clear"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_clear.scss",
            "name": "_clear.scss"
        }
    },
    {
        "description": "Creates a flexible column that grows to fill available space.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-col",
            "value": "1-100",
            "line": {
                "start": 9,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 1 0 0%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 1% of container.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-{1-100}",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 1%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 8.3333% of container (1/12).\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-8-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 8.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 9.0909% of container (1/11).\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-9-1",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 9.0909%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 11.1111% of container (1/9).\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-11-1",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 11.1111%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 12.5% of container (1/8).\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-12-5",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 12.5%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 14.2857% of container (1/7).\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-14-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 14.2857%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 16.6666% of container (1/6).\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-16-7",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 16.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 33.3333% of container (1/3).\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-33-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 33.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 41.6666% of container (5/12).\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-41-6",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 41.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 58.3333% of container (7/12).\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-58-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 58.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 66.6666% of container (2/3).\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-66-6",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 66.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 83.3333% of container (5/6).\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-83-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 83.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 91.6666% of container (11/12).\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-col-size-91-6",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 91.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Creates a flexible column that grows to fill available space for specific breakpoint.\n",
        "commentRange": {
            "start": 89,
            "end": 93
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 97,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 1 0 0%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 1% of container for specific breakpoint.\n",
        "commentRange": {
            "start": 95,
            "end": 99
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-{1-100}",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 103,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 1%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 8.3333% of container (1/12) for specific breakpoint.\n",
        "commentRange": {
            "start": 101,
            "end": 105
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-8-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 109,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 8.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 9.0909% of container (1/11) for specific breakpoint.\n",
        "commentRange": {
            "start": 107,
            "end": 111
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-9-1",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 115,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 9.0909%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 11.1111% of container (1/9) for specific breakpoint.\n",
        "commentRange": {
            "start": 113,
            "end": 117
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-11-1",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 121,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 11.1111%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 12.5% of container (1/8) for specific breakpoint.\n",
        "commentRange": {
            "start": 119,
            "end": 123
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-12-5",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 127,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 12.5%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 14.2857% of container (1/7) for specific breakpoint.\n",
        "commentRange": {
            "start": 125,
            "end": 129
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-14-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 133,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 14.2857%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 16.6666% of container (1/6) for specific breakpoint.\n",
        "commentRange": {
            "start": 131,
            "end": 135
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-16-7",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 139,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 16.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 33.3333% of container (1/3) for specific breakpoint.\n",
        "commentRange": {
            "start": 137,
            "end": 141
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-33-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 145,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 33.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 41.6666% of container (5/12) for specific breakpoint.\n",
        "commentRange": {
            "start": 143,
            "end": 147
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-41-6",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 151,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 41.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 58.3333% of container (7/12) for specific breakpoint.\n",
        "commentRange": {
            "start": 149,
            "end": 153
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-58-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 157,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 58.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 66.6666% of container (2/3) for specific breakpoint.\n",
        "commentRange": {
            "start": 155,
            "end": 159
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-66-6",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 163,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 66.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 83.3333% of container (5/6) for specific breakpoint.\n",
        "commentRange": {
            "start": 161,
            "end": 165
        },
        "context": {
            "type": "css",
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-83-3",
            "value": "sm|md|lg|xl|xxl",
            "line": {
                "start": 169,
                "end": 223
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 83.3333%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column width to 91.6666% of container (11/12) for specific breakpoint.\n",
        "commentRange": {
            "start": 167,
            "end": 171
        },
        "context": {
            "type": "css",
            "line": {
                "start": 173,
                "end": 179
            },
            "name": ".k-col-{sm|md|lg|xl|xxl}-size-91-6"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto; width: 91.6666%;"
            }
        ],
        "group": [
            "col"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col.scss",
            "name": "_col.scss"
        }
    },
    {
        "description": "Sets column gap to 0 pixels.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-0",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0px;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1 pixel.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1px;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.125rem (2px at 16px base).\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.125rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.25rem (4px at 16px base).\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.375rem (6px at 16px base).\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-1\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.375rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.5rem (8px at 16px base).\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.625rem (10px at 16px base).\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-2\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.625rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.75rem (12px at 16px base).\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.875rem (14px at 16px base).\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-3\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.875rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1rem (16px at 16px base).\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.125rem (18px at 16px base).\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-4\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.125rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.25rem (20px at 16px base).\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.375rem (22px at 16px base).\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-5\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.375rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.5rem (24px at 16px base).\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.625rem (26px at 16px base).\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-6\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.625rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.75rem (28px at 16px base).\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.875rem (30px at 16px base).\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-7\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.875rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2rem (32px at 16px base).\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.25rem (36px at 16px base).\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.5rem (40px at 16px base).\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.75rem (44px at 16px base).\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3rem (48px at 16px base).\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.25rem (52px at 16px base).\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.5rem (56px at 16px base).\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-14",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.75rem (60px at 16px base).\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-15",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4rem (64px at 16px base).\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-16",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.25rem (68px at 16px base).\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-17",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.5rem (72px at 16px base).\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-18",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.75rem (76px at 16px base).\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-19",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5rem (80px at 16px base).\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-20",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.25rem (84px at 16px base).\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-21",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.5rem (88px at 16px base).\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-22",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.75rem (92px at 16px base).\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-23",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 6rem (96px at 16px base).\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-24",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 6rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 7rem (112px at 16px base).\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-25",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 7rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 8rem (128px at 16px base).\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-26",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 8rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 9rem (144px at 16px base).\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-27",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 9rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 10rem (160px at 16px base).\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-28",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 10rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 11rem (176px at 16px base).\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-29",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 11rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 12rem (192px at 16px base).\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-30",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 12rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to extra small spacing.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-1, 0.25rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to small spacing.\n",
        "commentRange": {
            "start": 247,
            "end": 251
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-2, 0.5rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to medium spacing.\n",
        "commentRange": {
            "start": 253,
            "end": 257
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-3, 0.75rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to large spacing.\n",
        "commentRange": {
            "start": 259,
            "end": 263
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-4, 1rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to extra large spacing.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-6, 1.5rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to thin spacing.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-0\\.5, 0.125rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to hair spacing.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-1px, 1px);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0 pixels.\n",
        "commentRange": {
            "start": 287,
            "end": 291
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-0",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 295,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0px;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1 pixel.\n",
        "commentRange": {
            "start": 293,
            "end": 297
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 301,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1px;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.125rem (2px at 16px base).\n",
        "commentRange": {
            "start": 299,
            "end": 303
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 307,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.125rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.25rem (4px at 16px base).\n",
        "commentRange": {
            "start": 305,
            "end": 309
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 313,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.375rem (6px at 16px base).\n",
        "commentRange": {
            "start": 311,
            "end": 315
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-1\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 319,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.375rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.5rem (8px at 16px base).\n",
        "commentRange": {
            "start": 317,
            "end": 321
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 325,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.625rem (10px at 16px base).\n",
        "commentRange": {
            "start": 323,
            "end": 327
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-2\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 331,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.625rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.75rem (12px at 16px base).\n",
        "commentRange": {
            "start": 329,
            "end": 333
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 337,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 0.875rem (14px at 16px base).\n",
        "commentRange": {
            "start": 335,
            "end": 339
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-3\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 343,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 0.875rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1rem (16px at 16px base).\n",
        "commentRange": {
            "start": 341,
            "end": 345
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 349,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.125rem (18px at 16px base).\n",
        "commentRange": {
            "start": 347,
            "end": 351
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-4\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 355,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.125rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.25rem (20px at 16px base).\n",
        "commentRange": {
            "start": 353,
            "end": 357
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 361,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.375rem (22px at 16px base).\n",
        "commentRange": {
            "start": 359,
            "end": 363
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-5\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 367,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.375rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.5rem (24px at 16px base).\n",
        "commentRange": {
            "start": 365,
            "end": 369
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 373,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.625rem (26px at 16px base).\n",
        "commentRange": {
            "start": 371,
            "end": 375
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-6\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 379,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.625rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.75rem (28px at 16px base).\n",
        "commentRange": {
            "start": 377,
            "end": 381
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 385,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 1.875rem (30px at 16px base).\n",
        "commentRange": {
            "start": 383,
            "end": 387
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-7\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 391,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 1.875rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2rem (32px at 16px base).\n",
        "commentRange": {
            "start": 389,
            "end": 393
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 397,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.25rem (36px at 16px base).\n",
        "commentRange": {
            "start": 395,
            "end": 399
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 403,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.5rem (40px at 16px base).\n",
        "commentRange": {
            "start": 401,
            "end": 405
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 409,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 2.75rem (44px at 16px base).\n",
        "commentRange": {
            "start": 407,
            "end": 411
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 415,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 2.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3rem (48px at 16px base).\n",
        "commentRange": {
            "start": 413,
            "end": 417
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 421,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.25rem (52px at 16px base).\n",
        "commentRange": {
            "start": 419,
            "end": 423
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 427,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.5rem (56px at 16px base).\n",
        "commentRange": {
            "start": 425,
            "end": 429
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-14",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 433,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 3.75rem (60px at 16px base).\n",
        "commentRange": {
            "start": 431,
            "end": 435
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-15",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 439,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 3.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4rem (64px at 16px base).\n",
        "commentRange": {
            "start": 437,
            "end": 441
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-16",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 445,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.25rem (68px at 16px base).\n",
        "commentRange": {
            "start": 443,
            "end": 447
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-17",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 451,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.5rem (72px at 16px base).\n",
        "commentRange": {
            "start": 449,
            "end": 453
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-18",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 457,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 4.75rem (76px at 16px base).\n",
        "commentRange": {
            "start": 455,
            "end": 459
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-19",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 463,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 4.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5rem (80px at 16px base).\n",
        "commentRange": {
            "start": 461,
            "end": 465
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-20",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 469,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.25rem (84px at 16px base).\n",
        "commentRange": {
            "start": 467,
            "end": 471
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-21",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 475,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.25rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.5rem (88px at 16px base).\n",
        "commentRange": {
            "start": 473,
            "end": 477
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-22",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 481,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.5rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 5.75rem (92px at 16px base).\n",
        "commentRange": {
            "start": 479,
            "end": 483
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-23",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 487,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 5.75rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 6rem (96px at 16px base).\n",
        "commentRange": {
            "start": 485,
            "end": 489
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-24",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 493,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 6rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 7rem (112px at 16px base).\n",
        "commentRange": {
            "start": 491,
            "end": 495
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-25",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 499,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 7rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 8rem (128px at 16px base).\n",
        "commentRange": {
            "start": 497,
            "end": 501
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-26",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 505,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 8rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 9rem (144px at 16px base).\n",
        "commentRange": {
            "start": 503,
            "end": 507
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-27",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 511,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 9rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 10rem (160px at 16px base).\n",
        "commentRange": {
            "start": 509,
            "end": 513
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-28",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 517,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 10rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 11rem (176px at 16px base).\n",
        "commentRange": {
            "start": 515,
            "end": 519
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-29",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 523,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 11rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to 12rem (192px at 16px base).\n",
        "commentRange": {
            "start": 521,
            "end": 525
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-30",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 529,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: 12rem;"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to extra small spacing.\n",
        "commentRange": {
            "start": 527,
            "end": 531
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 535,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-1, 0.25rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to small spacing.\n",
        "commentRange": {
            "start": 533,
            "end": 537
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 541,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-2, 0.5rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to medium spacing.\n",
        "commentRange": {
            "start": 539,
            "end": 543
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 547,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-3, 0.75rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to large spacing.\n",
        "commentRange": {
            "start": 545,
            "end": 549
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 553,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-4, 1rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to extra large spacing.\n",
        "commentRange": {
            "start": 551,
            "end": 555
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 559,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-6, 1.5rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to thin spacing.\n",
        "commentRange": {
            "start": 557,
            "end": 561
        },
        "context": {
            "type": "css",
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 565,
                "end": 601
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-0\\.5, 0.125rem);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "Sets column gap to hair spacing.\n",
        "commentRange": {
            "start": 563,
            "end": 567
        },
        "context": {
            "type": "css",
            "line": {
                "start": 569,
                "end": 571
            },
            "name": ".k-col-gap-{xs|sm|md|lg|xl|xxl}-hair"
        },
        "example": [
            {
                "type": "scss",
                "code": "--kendo-col-gap: var(--kendo-spacing-1px, 1px);"
            }
        ],
        "group": [
            "col-gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "responsive-layout/_col-gap.scss",
            "name": "_col-gap.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: auto;`.The number of columns is determined by other CSS properties, such as column-width.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-columns-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: auto;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-columns-1",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 1;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 2;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-columns-2",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 2;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 3;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-columns-3",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 3;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 4;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-columns-4",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 4;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 5;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-columns-5",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 5;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 6;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-columns-6",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 6;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 7;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-columns-7",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 7;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 8;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-columns-8",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 8;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 9;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-columns-9",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 9;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 10;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-columns-10",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 10;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 11;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-columns-11",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 11;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `columns: 12;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-columns-12",
            "value": "@include import-once(\"utils-layout-columns\") {\n\n        // columns utility classes\n        $kendo-utils-columns: map.get( $kendo-utils, \"columns\" ) !default;\n        @include generate-utils( columns, columns, $kendo-utils-columns );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "columns: 12;"
            }
        ],
        "group": [
            "columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_columns.scss",
            "name": "_columns.scss"
        }
    },
    {
        "description": "This is equivalent to `cursor: pointer;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-cursor-pointer"
        },
        "example": [
            {
                "type": "scss",
                "code": "cursor: pointer;"
            }
        ],
        "group": [
            "cursor"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_cursor.scss",
            "name": "_cursor.scss"
        }
    },
    {
        "description": "This is equivalent to `cursor: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-cursor-none",
            "value": "@include import-once(\"utils-interactivity-cursor\") {\n\n        // Cursor utility classes\n        $kendo-utils-cursor: map.get( $kendo-utils, \"cursor\" ) !default;\n        @include generate-utils( cursor, cursor, $kendo-utils-cursor );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "cursor: none;"
            }
        ],
        "group": [
            "cursor"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_cursor.scss",
            "name": "_cursor.scss"
        }
    },
    {
        "description": "This is equivalent to `cursor: auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-cursor-auto",
            "value": "@include import-once(\"utils-interactivity-cursor\") {\n\n        // Cursor utility classes\n        $kendo-utils-cursor: map.get( $kendo-utils, \"cursor\" ) !default;\n        @include generate-utils( cursor, cursor, $kendo-utils-cursor );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "cursor: auto;"
            }
        ],
        "group": [
            "cursor"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_cursor.scss",
            "name": "_cursor.scss"
        }
    },
    {
        "description": "This is equivalent to `cursor: default;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-cursor-default",
            "value": "@include import-once(\"utils-interactivity-cursor\") {\n\n        // Cursor utility classes\n        $kendo-utils-cursor: map.get( $kendo-utils, \"cursor\" ) !default;\n        @include generate-utils( cursor, cursor, $kendo-utils-cursor );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "cursor: default;"
            }
        ],
        "group": [
            "cursor"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_cursor.scss",
            "name": "_cursor.scss"
        }
    },
    {
        "description": "This is equivalent to `display: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-d-none",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: none;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: contents;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-d-contents",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: contents;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: block;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-d-block",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: block;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-d-inline",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-block;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-d-inline-block",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-block;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: flex;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-d-flex",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: flex;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-flex;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-d-inline-flex",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-flex;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-d-grid",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: grid"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-d-inline-grid",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-grid"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-d-table",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-table;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-d-inline-table",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-table;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: list-item;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-d-list-item",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: list-item;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table-row;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-d-table-row",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table-row;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table-cell;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-d-table-cell",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table-cell;"
            }
        ],
        "group": [
            "display"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: none;`.\n",
        "commentRange": {
            "start": 89,
            "end": 93
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-none",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 97,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: none;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: contents;`.\n",
        "commentRange": {
            "start": 95,
            "end": 99
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-contents",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 103,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: contents;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: block;`.\n",
        "commentRange": {
            "start": 101,
            "end": 105
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-block",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 109,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: block;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline;`.\n",
        "commentRange": {
            "start": 107,
            "end": 111
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-inline",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 115,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-block;`.\n",
        "commentRange": {
            "start": 113,
            "end": 117
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-inline-block",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 121,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-block;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: flex;`.\n",
        "commentRange": {
            "start": 119,
            "end": 123
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-flex",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 127,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: flex;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-flex;`.\n",
        "commentRange": {
            "start": 125,
            "end": 129
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-inline-flex",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 133,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-flex;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.\n",
        "commentRange": {
            "start": 131,
            "end": 135
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-grid",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 139,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: grid"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.\n",
        "commentRange": {
            "start": 137,
            "end": 141
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-inline-grid",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 145,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-grid"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table;`.\n",
        "commentRange": {
            "start": 143,
            "end": 147
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-table",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 151,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: inline-table;`.\n",
        "commentRange": {
            "start": 149,
            "end": 153
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-inline-table",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 157,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: inline-table;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: list-item;`.\n",
        "commentRange": {
            "start": 155,
            "end": 159
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-list-item",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 163,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: list-item;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table-row;`.\n",
        "commentRange": {
            "start": 161,
            "end": 165
        },
        "context": {
            "type": "css",
            "name": ".k-d-{xs|md|lg|xl|xxl}-table-row",
            "value": "xs|md|lg|xl|xxl",
            "line": {
                "start": 169,
                "end": 204
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table-row;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "This is equivalent to `display: table-cell;`.\n",
        "commentRange": {
            "start": 167,
            "end": 171
        },
        "context": {
            "type": "css",
            "line": {
                "start": 173,
                "end": 173
            },
            "name": ".k-d-{xs|md|lg|xl|xxl}-table-cell"
        },
        "example": [
            {
                "type": "scss",
                "code": "display: table-cell;"
            }
        ],
        "group": [
            "display-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_display.scss",
            "name": "_display.scss"
        }
    },
    {
        "description": "Applies elevation level 9 shadow effect.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "line": {
                "start": 55,
                "end": 63
            },
            "name": ".k-elevation-9"
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 1 shadow effect.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-1",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 2 shadow effect.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-2",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 3 shadow effect.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-3",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 4 shadow effect.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-4",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 5 shadow effect.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-5",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 6 shadow effect.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-6",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 7 shadow effect.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-7",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Applies elevation level 8 shadow effect.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-elevation-8",
            "value": "@include import-once(\"utils-elevation\") {\n        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: \"elevation\");\n    }",
            "line": {
                "start": 61,
                "end": 66
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));"
            }
        ],
        "group": [
            "elevation"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: white;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-fill-white"
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: white;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-fill-none",
            "value": "@include import-once(\"utils-svg-fill\") {\n\n        // fill utility classes\n        $kendo-utils-fill: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( fill, fill, $kendo-utils-fill );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: none;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: inherit;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-fill-inherit",
            "value": "@include import-once(\"utils-svg-fill\") {\n\n        // fill utility classes\n        $kendo-utils-fill: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( fill, fill, $kendo-utils-fill );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: inherit;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: currentColor;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-fill-currentColor",
            "value": "@include import-once(\"utils-svg-fill\") {\n\n        // fill utility classes\n        $kendo-utils-fill: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( fill, fill, $kendo-utils-fill );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: currentColor;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: transparent;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-fill-transparent",
            "value": "@include import-once(\"utils-svg-fill\") {\n\n        // fill utility classes\n        $kendo-utils-fill: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( fill, fill, $kendo-utils-fill );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: transparent;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `fill: black;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-fill-black",
            "value": "@include import-once(\"utils-svg-fill\") {\n\n        // fill utility classes\n        $kendo-utils-fill: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( fill, fill, $kendo-utils-fill );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "fill: black;"
            }
        ],
        "group": [
            "fill"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_fill.scss",
            "name": "_fill.scss"
        }
    },
    {
        "description": "This is equivalent to `flex: 0 0 auto;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-flex-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 0 0 auto;"
            }
        ],
        "group": [
            "flex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex.scss",
            "name": "_flex.scss"
        }
    },
    {
        "description": "This is equivalent to `flex: 1 1 0%;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-1",
            "value": "@include import-once(\"utils-flex-grid-flex\") {\n\n        // Flex utility classes\n        $kendo-utils-flex: map.get( $kendo-utils, \"flex\" ) !default;\n        @include generate-utils( flex, flex, $kendo-utils-flex );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 1 1 0%;"
            }
        ],
        "group": [
            "flex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex.scss",
            "name": "_flex.scss"
        }
    },
    {
        "description": "This is equivalent to `flex: 1 1 auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-flex-auto",
            "value": "@include import-once(\"utils-flex-grid-flex\") {\n\n        // Flex utility classes\n        $kendo-utils-flex: map.get( $kendo-utils, \"flex\" ) !default;\n        @include generate-utils( flex, flex, $kendo-utils-flex );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: 1 1 auto;"
            }
        ],
        "group": [
            "flex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex.scss",
            "name": "_flex.scss"
        }
    },
    {
        "description": "This is the same as `flex: initial;` and the shorthand for the default value: `flex: 0 1 auto`. It sizes the item based on its `width`/`height` properties (or its content if not set). It makes the flex item inflexible when there is some free space left, but allows it to shrink to its minimum when there is not enough space. The alignment abilities or `auto` margins can be used to align flex items along the main axis.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-flex-initial",
            "value": "@include import-once(\"utils-flex-grid-flex\") {\n\n        // Flex utility classes\n        $kendo-utils-flex: map.get( $kendo-utils, \"flex\" ) !default;\n        @include generate-utils( flex, flex, $kendo-utils-flex );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex: initial;"
            }
        ],
        "group": [
            "flex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex.scss",
            "name": "_flex.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-basis: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-flex-basis-0"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-basis: 0;"
            }
        ],
        "group": [
            "flex-basis"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-basis.scss",
            "name": "_flex-basis.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-basis: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-basis-auto",
            "value": "@include import-once(\"utils-flex-grid-flex-basis\") {\n\n        // Flex basis utility classes\n        $kendo-utils-flex-basis: map.get( $kendo-utils, \"flex-basis\" ) !default;;\n        @include generate-utils( basis, flex-basis, $kendo-utils-flex-basis );\n        @include generate-utils( flex-basis, flex-basis, $kendo-utils-flex-basis );\n\n    }",
            "line": {
                "start": 19,
                "end": 29
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-basis: auto;"
            }
        ],
        "group": [
            "flex-basis"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-basis.scss",
            "name": "_flex-basis.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: row;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-row",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 31,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: row;"
            }
        ],
        "group": [
            "flex-direction"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: row-reverse;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-flex-row-reverse",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 31,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: row-reverse;"
            }
        ],
        "group": [
            "flex-direction"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: column;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-flex-col",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 31,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: column;"
            }
        ],
        "group": [
            "flex-direction"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: column-reverse;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-flex-col-reverse",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 31,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: column-reverse;"
            }
        ],
        "group": [
            "flex-direction"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: row; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 29,
            "end": 33
        },
        "context": {
            "type": "css",
            "name": ".k-flex-{xs|sm|md|lg|xl|xxl}-row",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 37,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: row;"
            }
        ],
        "group": [
            "flex-direction-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: row-reverse; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 35,
            "end": 39
        },
        "context": {
            "type": "css",
            "name": ".k-flex-{xs|sm|md|lg|xl|xxl}-row-reverse",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 43,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: row-reverse;"
            }
        ],
        "group": [
            "flex-direction-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: column; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 41,
            "end": 45
        },
        "context": {
            "type": "css",
            "name": ".k-flex-{xs|sm|md|lg|xl|xxl}-col",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 49,
                "end": 81
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: column;"
            }
        ],
        "group": [
            "flex-direction-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-direction: column-reverse; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 47,
            "end": 51
        },
        "context": {
            "type": "css",
            "line": {
                "start": 53,
                "end": 53
            },
            "name": ".k-flex-{xs|sm|md|lg|xl|xxl}-col-reverse"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-direction: column-reverse;"
            }
        ],
        "group": [
            "flex-direction-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-direction.scss",
            "name": "_flex-direction.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-grow: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-flex-grow-0"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-grow: 0;"
            }
        ],
        "group": [
            "flex-grow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-grow.scss",
            "name": "_flex-grow.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-grow: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-grow",
            "value": "@include import-once(\"utils-flex-grid-flex-grow\") {\n\n        // Flex grow utility classes\n        $kendo-utils-flex-grow: map.get( $kendo-utils, \"flex-grow\" ) !default;\n        @include generate-utils( grow, flex-grow, $kendo-utils-flex-grow );\n        @include generate-utils( flex-grow, flex-grow, $kendo-utils-flex-grow );\n\n    }",
            "line": {
                "start": 19,
                "end": 29
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-grow: 1;"
            }
        ],
        "group": [
            "flex-grow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-grow.scss",
            "name": "_flex-grow.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-shrink: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-flex-shrink-0"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-shrink: 0;"
            }
        ],
        "group": [
            "flex-shrink"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-shrink.scss",
            "name": "_flex-shrink.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-shrink: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-shrink",
            "value": "@include import-once(\"utils-flex-grid-flex-shrink\") {\n\n        // Flex shrink utility classes\n        $kendo-utils-flex-shrink: map.get( $kendo-utils, \"flex-shrink\" ) !default;\n        @include generate-utils( shrink, flex-shrink, $kendo-utils-flex-shrink );\n        @include generate-utils( flex-shrink, flex-shrink, $kendo-utils-flex-shrink );\n\n    }",
            "line": {
                "start": 19,
                "end": 29
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-shrink: 1;"
            }
        ],
        "group": [
            "flex-shrink"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-shrink.scss",
            "name": "_flex-shrink.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-wrap: wrap-reverse;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-flex-wrap-reverse"
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-wrap: wrap-reverse"
            }
        ],
        "group": [
            "flex-wrap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-wrap.scss",
            "name": "_flex-wrap.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-wrap: wrap;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flex-wrap",
            "value": "@include import-once(\"utils-flex-grid-flex-wrap\") {\n\n        // Flex wrap utility classes\n        $kendo-utils-flex-wrap: map.get( $kendo-utils, \"flex-wrap\" ) !default;\n        @include generate-utils( flex, flex-wrap, $kendo-utils-flex-wrap );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-wrap: wrap"
            }
        ],
        "group": [
            "flex-wrap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-wrap.scss",
            "name": "_flex-wrap.scss"
        }
    },
    {
        "description": "This is equivalent to `flex-wrap: nowrap;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-flex-nowrap",
            "value": "@include import-once(\"utils-flex-grid-flex-wrap\") {\n\n        // Flex wrap utility classes\n        $kendo-utils-flex-wrap: map.get( $kendo-utils, \"flex-wrap\" ) !default;\n        @include generate-utils( flex, flex-wrap, $kendo-utils-flex-wrap );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "flex-wrap: nowrap"
            }
        ],
        "group": [
            "flex-wrap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_flex-wrap.scss",
            "name": "_flex-wrap.scss"
        }
    },
    {
        "description": "This is equivalent to `float: none;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-float-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "float: none;"
            }
        ],
        "group": [
            "float"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_float.scss",
            "name": "_float.scss"
        }
    },
    {
        "description": "This is equivalent to `float: left;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-float-left",
            "value": "@include import-once(\"utils-layout-float\") {\n\n        // Float utility classes\n        $kendo-utils-float: map.get( $kendo-utils, \"float\" ) !default;\n        @include generate-utils( float, float, $kendo-utils-float );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "float: left;"
            }
        ],
        "group": [
            "float"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_float.scss",
            "name": "_float.scss"
        }
    },
    {
        "description": "This is equivalent to `float: right;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-float-right",
            "value": "@include import-once(\"utils-layout-float\") {\n\n        // Float utility classes\n        $kendo-utils-float: map.get( $kendo-utils, \"float\" ) !default;\n        @include generate-utils( float, float, $kendo-utils-float );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "float: right;"
            }
        ],
        "group": [
            "float"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_float.scss",
            "name": "_float.scss"
        }
    },
    {
        "description": "Sets the font family to the default serif font stack.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 32
            },
            "name": ".k-font-family-serif"
        },
        "example": [
            {
                "type": "scss",
                "code": "font-family: var(--kendo-font-family-serif, inherit);"
            }
        ],
        "group": [
            "font-family"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-family.scss",
            "name": "_font-family.scss"
        }
    },
    {
        "description": "Sets the font family to the default sans-serif font stack.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-font-family-sans-serif",
            "value": "@include import-once(\"utils-typography-font-family\") {\n\n        // Font family utility classes\n        @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: \"font-family\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-family: var(--kendo-font-family-sans-serif, inherit);"
            }
        ],
        "group": [
            "font-family"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-family.scss",
            "name": "_font-family.scss"
        }
    },
    {
        "description": "Sets the font family to the default monospace font stack.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-font-family-monospace",
            "value": "@include import-once(\"utils-typography-font-family\") {\n\n        // Font family utility classes\n        @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: \"font-family\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-family: var(--kendo-font-family-monospace, inherit);"
            }
        ],
        "group": [
            "font-family"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-family.scss",
            "name": "_font-family.scss"
        }
    },
    {
        "description": "Sets the font family to the default sans font stack.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-font-family-sans",
            "value": "@include import-once(\"utils-typography-font-family\") {\n\n        // Font family utility classes\n        @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: \"font-family\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-family: var(--kendo-font-family-sans, inherit);"
            }
        ],
        "group": [
            "font-family"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-family.scss",
            "name": "_font-family.scss"
        }
    },
    {
        "description": "This is equivalent to `font-size: 20px;`.\n",
        "commentRange": {
            "start": 27,
            "end": 31
        },
        "context": {
            "type": "css",
            "line": {
                "start": 33,
                "end": 39
            },
            "name": ".k-font-size-xl"
        },
        "example": [
            {
                "type": "scss",
                "code": "font-size: 20px;"
            }
        ],
        "group": [
            "font-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-size.scss",
            "name": "_font-size.scss"
        }
    },
    {
        "description": "This is equivalent to `font-size: 10px;`.\n",
        "commentRange": {
            "start": 3,
            "end": 7
        },
        "context": {
            "type": "css",
            "name": ".k-font-size-xs",
            "value": "@include import-once(\"utils-typography-font-size\") {\n\n        // Font size utility classes\n        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: \"font-size\" );\n\n        // Legacy aliases\n        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: \"fs\" );\n\n    }",
            "line": {
                "start": 35,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-size: 10px;"
            }
        ],
        "group": [
            "font-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-size.scss",
            "name": "_font-size.scss"
        }
    },
    {
        "description": "This is equivalent to `font-size: 12px;`.\n",
        "commentRange": {
            "start": 9,
            "end": 13
        },
        "context": {
            "type": "css",
            "name": ".k-font-size-sm",
            "value": "@include import-once(\"utils-typography-font-size\") {\n\n        // Font size utility classes\n        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: \"font-size\" );\n\n        // Legacy aliases\n        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: \"fs\" );\n\n    }",
            "line": {
                "start": 35,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-size: 12px;"
            }
        ],
        "group": [
            "font-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-size.scss",
            "name": "_font-size.scss"
        }
    },
    {
        "description": "This is equivalent to `font-size: 14px;`.\n",
        "commentRange": {
            "start": 15,
            "end": 19
        },
        "context": {
            "type": "css",
            "name": ".k-font-size-md",
            "value": "@include import-once(\"utils-typography-font-size\") {\n\n        // Font size utility classes\n        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: \"font-size\" );\n\n        // Legacy aliases\n        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: \"fs\" );\n\n    }",
            "line": {
                "start": 35,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-size: 14px;"
            }
        ],
        "group": [
            "font-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-size.scss",
            "name": "_font-size.scss"
        }
    },
    {
        "description": "This is equivalent to `font-size: 16px;`.\n",
        "commentRange": {
            "start": 21,
            "end": 25
        },
        "context": {
            "type": "css",
            "name": ".k-font-size-lg",
            "value": "@include import-once(\"utils-typography-font-size\") {\n\n        // Font size utility classes\n        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: \"font-size\" );\n\n        // Legacy aliases\n        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: \"fs\" );\n\n    }",
            "line": {
                "start": 35,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-size: 16px;"
            }
        ],
        "group": [
            "font-size"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-size.scss",
            "name": "_font-size.scss"
        }
    },
    {
        "description": "This is equivalent to `font-style: oblique;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-font-style-oblique"
        },
        "example": [
            {
                "type": "scss",
                "code": "font-style: var(--kendo-font-style-oblique, oblique);"
            }
        ],
        "group": [
            "font-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-style.scss",
            "name": "_font-style.scss"
        }
    },
    {
        "description": "This is equivalent to `font-style: italic;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-font-style-italic",
            "value": "@include import-once(\"utils-typography-font-style\") {\n\n        // Font style utility classes\n        $kendo-utils-font-style: map.get( $kendo-utils, \"font-style\" ) !default;\n        @include generate-utils( font-style, font-style, $kendo-utils-font-style, $css-var: \"font-style\" );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-style: var(--kendo-font-style-italic, italic);"
            }
        ],
        "group": [
            "font-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-style.scss",
            "name": "_font-style.scss"
        }
    },
    {
        "description": "This is equivalent to `font-style: normal;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-font-style-non-italic",
            "value": "@include import-once(\"utils-typography-font-style\") {\n\n        // Font style utility classes\n        $kendo-utils-font-style: map.get( $kendo-utils, \"font-style\" ) !default;\n        @include generate-utils( font-style, font-style, $kendo-utils-font-style, $css-var: \"font-style\" );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-style: var(--kendo-font-style-non-italic, normal);"
            }
        ],
        "group": [
            "font-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-style.scss",
            "name": "_font-style.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 900;`.\n",
        "commentRange": {
            "start": 51,
            "end": 55
        },
        "context": {
            "type": "css",
            "line": {
                "start": 57,
                "end": 63
            },
            "name": ".k-font-black"
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 900;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 100;`.\n",
        "commentRange": {
            "start": 3,
            "end": 7
        },
        "context": {
            "type": "css",
            "name": ".k-font-thin",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 100;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 200;`.\n",
        "commentRange": {
            "start": 9,
            "end": 13
        },
        "context": {
            "type": "css",
            "name": ".k-font-extralight",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 200;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 300;`.\n",
        "commentRange": {
            "start": 15,
            "end": 19
        },
        "context": {
            "type": "css",
            "name": ".k-font-light",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 300;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 400;`.\n",
        "commentRange": {
            "start": 21,
            "end": 25
        },
        "context": {
            "type": "css",
            "name": ".k-font-normal",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 400;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 500;`.\n",
        "commentRange": {
            "start": 27,
            "end": 31
        },
        "context": {
            "type": "css",
            "name": ".k-font-medium",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 500;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 600;`.\n",
        "commentRange": {
            "start": 33,
            "end": 37
        },
        "context": {
            "type": "css",
            "name": ".k-font-semibold",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 600;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 700;`.\n",
        "commentRange": {
            "start": 39,
            "end": 43
        },
        "context": {
            "type": "css",
            "name": ".k-font-bold",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 700;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `font-weight: 800;`.\n",
        "commentRange": {
            "start": 45,
            "end": 49
        },
        "context": {
            "type": "css",
            "name": ".k-font-extrabold",
            "value": "@include import-once(\"utils-typography-font-weight\") {\n\n        // Font weight utility classes\n        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n        // Legacy aliases\n        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n    }",
            "line": {
                "start": 59,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "font-weight: 800;"
            }
        ],
        "group": [
            "font-weight"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_font-weight.scss",
            "name": "_font-weight.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{0-30}",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1px;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-gap-1px",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-gap-0\\.5",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-gap-xs",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.25rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-gap-sm",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-gap-md",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.75rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1rem;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-gap-lg",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-gap-xl",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-gap-thin",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1px;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-gap-hair",
            "value": "0-30",
            "line": {
                "start": 63,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{0-30}",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1px;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-1px",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-0\\.5",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-xs",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.25rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-sm",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-md",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.75rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1rem;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-lg",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-xl",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-thin",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1px;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-hair",
            "value": "0-30",
            "line": {
                "start": 123,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1px;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.25rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.75rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1rem;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1.5rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1px;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 187,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1px;"
            }
        ],
        "group": [
            "gap"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0;`.\n",
        "commentRange": {
            "start": 185,
            "end": 189
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 193,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1px;`.\n",
        "commentRange": {
            "start": 191,
            "end": 195
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 199,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 197,
            "end": 201
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 205,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.25rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 203,
            "end": 207
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 211,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.25rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 209,
            "end": 213
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 217,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 215,
            "end": 219
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 223,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.75rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1rem;`.\n",
        "commentRange": {
            "start": 221,
            "end": 225
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 229,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 227,
            "end": 231
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 235,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 233,
            "end": 237
        },
        "context": {
            "type": "css",
            "name": ".k-gap-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 241,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 0.125rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `gap: 1px;`.\n",
        "commentRange": {
            "start": 239,
            "end": 243
        },
        "context": {
            "type": "css",
            "name": ".k-gap-hair-{xs|sm|md|lg|xl|xxl}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 247,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0;`.\n",
        "commentRange": {
            "start": 245,
            "end": 249
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 253,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1px;`.\n",
        "commentRange": {
            "start": 251,
            "end": 255
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 259,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 257,
            "end": 261
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 265,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 263,
            "end": 267
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 271,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.25rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 269,
            "end": 273
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 277,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 275,
            "end": 279
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 283,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.75rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1rem;`.\n",
        "commentRange": {
            "start": 281,
            "end": 285
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 289,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 287,
            "end": 291
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 295,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 293,
            "end": 297
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 301,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `column-gap: 1px;`.\n",
        "commentRange": {
            "start": 299,
            "end": 303
        },
        "context": {
            "type": "css",
            "name": ".k-gap-x-{xs|sm|md|lg|xl|xxl}-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 307,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "column-gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0;`.\n",
        "commentRange": {
            "start": 305,
            "end": 309
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 313,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1px;`.\n",
        "commentRange": {
            "start": 311,
            "end": 315
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 319,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 317,
            "end": 321
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 325,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.25rem;`.\n",
        "commentRange": {
            "start": 323,
            "end": 327
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 331,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.25rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.5rem;`.\n",
        "commentRange": {
            "start": 329,
            "end": 333
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 337,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.75rem;`.\n",
        "commentRange": {
            "start": 335,
            "end": 339
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 343,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.75rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1rem;`.\n",
        "commentRange": {
            "start": 341,
            "end": 345
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 349,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1.5rem;`.\n",
        "commentRange": {
            "start": 347,
            "end": 351
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 355,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1.5rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 0.125rem;`.\n",
        "commentRange": {
            "start": 353,
            "end": 357
        },
        "context": {
            "type": "css",
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 361,
                "end": 392
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 0.125rem;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `row-gap: 1px;`.\n",
        "commentRange": {
            "start": 359,
            "end": 363
        },
        "context": {
            "type": "css",
            "line": {
                "start": 365,
                "end": 365
            },
            "name": ".k-gap-y-{xs|sm|md|lg|xl|xxl}-hair"
        },
        "example": [
            {
                "type": "scss",
                "code": "row-gap: 1px;"
            }
        ],
        "group": [
            "gap-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_gap.scss",
            "name": "_gap.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-columns: minmax( 0, 1fr );`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-grid-auto-cols-fr"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-columns: minmax( 0, 1fr );"
            }
        ],
        "group": [
            "grid-auto-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-columns.scss",
            "name": "_grid-auto-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-columns: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-cols-auto",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-columns\") {\n\n        // Grid auto columns utility classes\n        $kendo-utils-grid-auto-columns: map.get( $kendo-utils, \"grid-auto-columns\" ) !default;\n        @include generate-utils( grid-auto-cols, grid-auto-columns, $kendo-utils-grid-auto-columns );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-columns: auto;"
            }
        ],
        "group": [
            "grid-auto-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-columns.scss",
            "name": "_grid-auto-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-columns: min-content;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-cols-min",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-columns\") {\n\n        // Grid auto columns utility classes\n        $kendo-utils-grid-auto-columns: map.get( $kendo-utils, \"grid-auto-columns\" ) !default;\n        @include generate-utils( grid-auto-cols, grid-auto-columns, $kendo-utils-grid-auto-columns );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-columns: min-content;"
            }
        ],
        "group": [
            "grid-auto-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-columns.scss",
            "name": "_grid-auto-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-columns: max-content;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-cols-max",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-columns\") {\n\n        // Grid auto columns utility classes\n        $kendo-utils-grid-auto-columns: map.get( $kendo-utils, \"grid-auto-columns\" ) !default;\n        @include generate-utils( grid-auto-cols, grid-auto-columns, $kendo-utils-grid-auto-columns );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-columns: max-content;"
            }
        ],
        "group": [
            "grid-auto-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-columns.scss",
            "name": "_grid-auto-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: unset;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-grid-flow-unset"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: unset;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: row;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-grid-flow-row",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-flow\") {\n\n        // Grid auto flow utility classes\n        $kendo-utils-grid-auto-flow: map.get( $kendo-utils, \"grid-auto-flow\" ) !default;\n        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: row;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: column;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-grid-flow-column",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-flow\") {\n\n        // Grid auto flow utility classes\n        $kendo-utils-grid-auto-flow: map.get( $kendo-utils, \"grid-auto-flow\" ) !default;\n        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: column;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: dense;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-grid-flow-dense",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-flow\") {\n\n        // Grid auto flow utility classes\n        $kendo-utils-grid-auto-flow: map.get( $kendo-utils, \"grid-auto-flow\" ) !default;\n        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: dense;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: row dense;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-grid-flow-row-dense",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-flow\") {\n\n        // Grid auto flow utility classes\n        $kendo-utils-grid-auto-flow: map.get( $kendo-utils, \"grid-auto-flow\" ) !default;\n        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: row dense;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-flow: col dense;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-grid-flow-col-dense",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-flow\") {\n\n        // Grid auto flow utility classes\n        $kendo-utils-grid-auto-flow: map.get( $kendo-utils, \"grid-auto-flow\" ) !default;\n        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-flow: col dense;"
            }
        ],
        "group": [
            "grid-auto-flow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-flow.scss",
            "name": "_grid-auto-flow.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-rows: minmax( 0, 1fr );`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-grid-auto-rows-fr"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-rows: minmax( 0, 1fr );"
            }
        ],
        "group": [
            "grid-auto-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-rows.scss",
            "name": "_grid-auto-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-rows: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-rows-auto",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-rows\") {\n\n        // Grid auto rows utility classes\n        $kendo-utils-grid-auto-rows: map.get( $kendo-utils, \"grid-auto-rows\" ) !default;\n        @include generate-utils( grid-auto-rows, grid-auto-rows, $kendo-utils-grid-auto-rows );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-rows: auto;"
            }
        ],
        "group": [
            "grid-auto-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-rows.scss",
            "name": "_grid-auto-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-rows: min-content;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-rows-min",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-rows\") {\n\n        // Grid auto rows utility classes\n        $kendo-utils-grid-auto-rows: map.get( $kendo-utils, \"grid-auto-rows\" ) !default;\n        @include generate-utils( grid-auto-rows, grid-auto-rows, $kendo-utils-grid-auto-rows );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-rows: min-content;"
            }
        ],
        "group": [
            "grid-auto-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-rows.scss",
            "name": "_grid-auto-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-auto-rows: max-content;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-grid-auto-rows-max",
            "value": "@include import-once(\"utils-flex-grid-grid-auto-rows\") {\n\n        // Grid auto rows utility classes\n        $kendo-utils-grid-auto-rows: map.get( $kendo-utils, \"grid-auto-rows\" ) !default;\n        @include generate-utils( grid-auto-rows, grid-auto-rows, $kendo-utils-grid-auto-rows );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-auto-rows: max-content;"
            }
        ],
        "group": [
            "grid-auto-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-auto-rows.scss",
            "name": "_grid-auto-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 1;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 2;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 2;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 3;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 3;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 4;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 4;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 5;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 5;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 6;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 6;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 7;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 7;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 8;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 8;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 9;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 9;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 10;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 10;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 11;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 11;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 12;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 12;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 13;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 13;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: auto;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: auto;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: span 1 / span 1;`.\n",
        "commentRange": {
            "start": 89,
            "end": 93
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: span 1 / span 1;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-span: span 2 / span 2;`.\n",
        "commentRange": {
            "start": 95,
            "end": 99
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-span: span 2 / span 2;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-span: span 3 / span 3;`.\n",
        "commentRange": {
            "start": 101,
            "end": 105
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-span: span 3 / span 3;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 4 / span 4;`.\n",
        "commentRange": {
            "start": 107,
            "end": 111
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 4 / span 4;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 5 / span 5;`.\n",
        "commentRange": {
            "start": 113,
            "end": 117
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 5 / span 5;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 6 / span 6;`.\n",
        "commentRange": {
            "start": 119,
            "end": 123
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 6 / span 6;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 7 / span 7;`.\n",
        "commentRange": {
            "start": 125,
            "end": 129
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 7 / span 7;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 8 / span 8;`.\n",
        "commentRange": {
            "start": 131,
            "end": 135
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 8 / span 8;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 9 / span 9;`.\n",
        "commentRange": {
            "start": 137,
            "end": 141
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 9 / span 9;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 10 / span 10;`.\n",
        "commentRange": {
            "start": 143,
            "end": 147
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 10 / span 10;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 11 / span 11;`.\n",
        "commentRange": {
            "start": 149,
            "end": 153
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 11 / span 11;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 12 / span 12;`.\n",
        "commentRange": {
            "start": 155,
            "end": 159
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 12 / span 12;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: 1 / -1;`.\n",
        "commentRange": {
            "start": 161,
            "end": 165
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-full",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: 1 / -1;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: auto;`.\n",
        "commentRange": {
            "start": 167,
            "end": 171
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: auto;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 1;`.\n",
        "commentRange": {
            "start": 177,
            "end": 181
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 1;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 2;`.\n",
        "commentRange": {
            "start": 183,
            "end": 187
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 2;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 3;`.\n",
        "commentRange": {
            "start": 189,
            "end": 193
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 3;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 4;`.\n",
        "commentRange": {
            "start": 195,
            "end": 199
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 4;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 5;`.\n",
        "commentRange": {
            "start": 201,
            "end": 205
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 5;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 6;`.\n",
        "commentRange": {
            "start": 207,
            "end": 211
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 6;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 7;`.\n",
        "commentRange": {
            "start": 213,
            "end": 217
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 7;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 8;`.\n",
        "commentRange": {
            "start": 219,
            "end": 223
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 8;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 9;`.\n",
        "commentRange": {
            "start": 225,
            "end": 229
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 9;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 10;`.\n",
        "commentRange": {
            "start": 231,
            "end": 235
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 10;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 11;`.\n",
        "commentRange": {
            "start": 237,
            "end": 241
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 11;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 12;`.\n",
        "commentRange": {
            "start": 243,
            "end": 247
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 12;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 13;`.\n",
        "commentRange": {
            "start": 249,
            "end": 253
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 13;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: auto;`.\n",
        "commentRange": {
            "start": 255,
            "end": 259
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: auto;"
            }
        ],
        "group": [
            "grid-column"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 273,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 1;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 2; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 279,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 2;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 3; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 285,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 3;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 4; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 291,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 4;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 5; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 289,
            "end": 293
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 297,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 5;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 6; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 295,
            "end": 299
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 303,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 6;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 7; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 301,
            "end": 305
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 309,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 7;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 8; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 307,
            "end": 311
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 315,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 8;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 9; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 313,
            "end": 317
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 321,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 9;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 10; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 319,
            "end": 323
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 327,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 10;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 11; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 325,
            "end": 329
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 333,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 11;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 12; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 331,
            "end": 335
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 339,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 12;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: 13; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 337,
            "end": 341
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 345,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: 13;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: auto; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 343,
            "end": 347
        },
        "context": {
            "type": "css",
            "name": ".k-col-start-{xs|sm|md|lg|xl|xxl}-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 355,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: auto;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: span 1 / span 1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 353,
            "end": 357
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 361,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: span 1 / span 1;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-span: span 2 / span 2; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 359,
            "end": 363
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 367,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-span: span 2 / span 2;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-span: span 3 / span 3; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 365,
            "end": 369
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 373,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-span: span 3 / span 3;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 4 / span 4; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 371,
            "end": 375
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 379,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 4 / span 4;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 5 / span 5; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 377,
            "end": 381
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 385,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 5 / span 5;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 6 / span 6; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 383,
            "end": 387
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 391,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 6 / span 6;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 7 / span 7; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 389,
            "end": 393
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 397,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 7 / span 7;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 8 / span 8; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 395,
            "end": 399
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 403,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 8 / span 8;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 9 / span 9; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 401,
            "end": 405
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 409,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 9 / span 9;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 10 / span 10; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 407,
            "end": 411
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 415,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 10 / span 10;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 11 / span 11; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 413,
            "end": 417
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 421,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 11 / span 11;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-start: span 12 / span 12; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 419,
            "end": 423
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 427,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-start: span 12 / span 12;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: 1 / -1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 425,
            "end": 429
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-full",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 433,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: 1 / -1;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column: auto; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 431,
            "end": 435
        },
        "context": {
            "type": "css",
            "name": ".k-col-span-{xs|sm|md|lg|xl|xxl}-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 443,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column: auto;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 441,
            "end": 445
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 449,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 1;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 2; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 447,
            "end": 451
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 455,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 2;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 3; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 453,
            "end": 457
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 461,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 3;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 4; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 459,
            "end": 463
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 467,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 4;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 5; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 465,
            "end": 469
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 473,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 5;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 6; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 471,
            "end": 475
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 479,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 6;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 7; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 477,
            "end": 481
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 485,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 7;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 8; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 483,
            "end": 487
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 491,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 8;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 9; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 489,
            "end": 493
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 497,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 9;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 10; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 495,
            "end": 499
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 503,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 10;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 11; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 501,
            "end": 505
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 509,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 11;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 12; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 507,
            "end": 511
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 515,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 12;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: 13; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 513,
            "end": 517
        },
        "context": {
            "type": "css",
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 521,
                "end": 570
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: 13;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-column-end: auto; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 519,
            "end": 523
        },
        "context": {
            "type": "css",
            "line": {
                "start": 525,
                "end": 525
            },
            "name": ".k-col-end-{xs|sm|md|lg|xl|xxl}-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-column-end: auto;"
            }
        ],
        "group": [
            "grid-column-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-column-start-end.scss",
            "name": "_grid-column-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 1;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 2;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 2;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 3;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 3;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 4;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 4;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 5;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 5;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 6;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 6;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 7;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 7;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 8;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 8;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 9;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 9;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 10;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 10;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 11;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 11;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 12;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 12;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 13;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 13;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: auto;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: auto;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row: span 1 / span 1;`.\n",
        "commentRange": {
            "start": 89,
            "end": 93
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row: span 1 / span 1;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-span: span 2 / span 2;`.\n",
        "commentRange": {
            "start": 95,
            "end": 99
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-span: span 2 / span 2;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-span: span 3 / span 3;`.\n",
        "commentRange": {
            "start": 101,
            "end": 105
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-span: span 3 / span 3;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 4 / span 4;`.\n",
        "commentRange": {
            "start": 107,
            "end": 111
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 4 / span 4;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 5 / span 5;`.\n",
        "commentRange": {
            "start": 113,
            "end": 117
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 5 / span 5;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 6 / span 6;`.\n",
        "commentRange": {
            "start": 119,
            "end": 123
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 6 / span 6;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 7 / span 7;`.\n",
        "commentRange": {
            "start": 125,
            "end": 129
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 7 / span 7;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 8 / span 8;`.\n",
        "commentRange": {
            "start": 131,
            "end": 135
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 8 / span 8;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 9 / span 9;`.\n",
        "commentRange": {
            "start": 137,
            "end": 141
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 9 / span 9;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 10 / span 10;`.\n",
        "commentRange": {
            "start": 143,
            "end": 147
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 10 / span 10;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 11 / span 11;`.\n",
        "commentRange": {
            "start": 149,
            "end": 153
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 11 / span 11;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: span 12 / span 12;`.\n",
        "commentRange": {
            "start": 155,
            "end": 159
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: span 12 / span 12;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row: 1 / -1;`.\n",
        "commentRange": {
            "start": 161,
            "end": 165
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-full",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row: 1 / -1;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row: auto;`.\n",
        "commentRange": {
            "start": 167,
            "end": 171
        },
        "context": {
            "type": "css",
            "name": ".k-row-span-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row: auto;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 1;`.\n",
        "commentRange": {
            "start": 177,
            "end": 181
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 1;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 2;`.\n",
        "commentRange": {
            "start": 183,
            "end": 187
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 2;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 3;`.\n",
        "commentRange": {
            "start": 189,
            "end": 193
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 3;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 4;`.\n",
        "commentRange": {
            "start": 195,
            "end": 199
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 4;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 5;`.\n",
        "commentRange": {
            "start": 201,
            "end": 205
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 5;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 6;`.\n",
        "commentRange": {
            "start": 207,
            "end": 211
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 6;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 7;`.\n",
        "commentRange": {
            "start": 213,
            "end": 217
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 7;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 8;`.\n",
        "commentRange": {
            "start": 219,
            "end": 223
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 8;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 9;`.\n",
        "commentRange": {
            "start": 225,
            "end": 229
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 9;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 10;`.\n",
        "commentRange": {
            "start": 231,
            "end": 235
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 10;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 11;`.\n",
        "commentRange": {
            "start": 237,
            "end": 241
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 11;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 12;`.\n",
        "commentRange": {
            "start": 243,
            "end": 247
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 12;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 13;`.\n",
        "commentRange": {
            "start": 249,
            "end": 253
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 13;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: auto;`.\n",
        "commentRange": {
            "start": 255,
            "end": 259
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 267,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: auto;"
            }
        ],
        "group": [
            "grid-row"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 273,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 1;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 2; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 279,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 2;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 3; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 285,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 3;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 4; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 291,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 4;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 5; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 289,
            "end": 293
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 297,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 5;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 6; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 295,
            "end": 299
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 303,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 6;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 7; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 301,
            "end": 305
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 309,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 7;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 8; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 307,
            "end": 311
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 315,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 8;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 9; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 313,
            "end": 317
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 321,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 9;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 10; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 319,
            "end": 323
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 327,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 10;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 11; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 325,
            "end": 329
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 333,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 11;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 12; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 331,
            "end": 335
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 339,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 12;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: 13; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 337,
            "end": 341
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 345,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: 13;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-start: auto; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 343,
            "end": 347
        },
        "context": {
            "type": "css",
            "name": ".k-row-start-{xs|sm|md|lg|xl|xxl}-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 355,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-start: auto;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 1; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 353,
            "end": 357
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 361,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 1;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 2; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 359,
            "end": 363
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 367,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 2;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 3; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 365,
            "end": 369
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 373,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 3;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 4; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 371,
            "end": 375
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-14",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 379,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 4;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 5; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 377,
            "end": 381
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-15",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 385,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 5;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 6; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 383,
            "end": 387
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-16",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 391,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 6;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 7; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 389,
            "end": 393
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-17",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 397,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 7;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 8; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 395,
            "end": 399
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-18",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 403,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 8;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 9; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 401,
            "end": 405
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-19",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 409,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 9;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 10; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 407,
            "end": 411
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 415,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 10;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 11; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 413,
            "end": 417
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 421,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 11;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 12; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 419,
            "end": 423
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 427,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 12;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: 13; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 425,
            "end": 429
        },
        "context": {
            "type": "css",
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-13",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 433,
                "end": 480
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: 13;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-row-end: auto; for the specific breakpoint`.\n",
        "commentRange": {
            "start": 431,
            "end": 435
        },
        "context": {
            "type": "css",
            "line": {
                "start": 437,
                "end": 437
            },
            "name": ".k-row-end-{xs|sm|md|lg|xl|xxl}-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-row-end: auto;"
            }
        ],
        "group": [
            "grid-row-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-row-start-end.scss",
            "name": "_grid-row-start-end.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(1, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(1, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(2, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(2, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(3, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(3, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(4, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(4, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(5, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(5, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(6, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(6, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(7, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(7, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(8, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(8, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(9, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(9, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(10, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(10, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(11, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(11, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(12, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-12",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(12, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: none;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-none",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 85,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: none;"
            }
        ],
        "group": [
            "grid-template-columns"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(1, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 83,
            "end": 87
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-1",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 91,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(1, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(2, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 89,
            "end": 93
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-2",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 97,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(2, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(3, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 95,
            "end": 99
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-3",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 103,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(3, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(4, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 101,
            "end": 105
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-4",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 109,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(4, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(5, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 107,
            "end": 111
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 115,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(5, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(6, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 113,
            "end": 117
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-6",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 121,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(6, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(7, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 119,
            "end": 123
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-7",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 127,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(7, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(8, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 125,
            "end": 129
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-8",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 133,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(8, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(9, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 131,
            "end": 135
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-9",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 139,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(9, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(10, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 137,
            "end": 141
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-10",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 145,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(10, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(11, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 143,
            "end": 147
        },
        "context": {
            "type": "css",
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-11",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 151,
                "end": 178
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(11, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-columns: repeat(12, minmax(0, 1fr)); for the specific breakpoint`.\n",
        "commentRange": {
            "start": 149,
            "end": 153
        },
        "context": {
            "type": "css",
            "line": {
                "start": 155,
                "end": 155
            },
            "name": ".k-grid-cols-{xs|sm|md|lg|xl|xxl}-12"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-columns: repeat(12, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-columns-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-columns.scss",
            "name": "_grid-template-columns.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: none;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-grid-rows-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: none;"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(1, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-1",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(1, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(2, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-2",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(2, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(3, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-3",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(3, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(4, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-4",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(4, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(5, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-5",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(5, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(6, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-6",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(6, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(7, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-7",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(7, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(8, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-8",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(8, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(9, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-9",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(9, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(10, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-10",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(10, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(11, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-11",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(11, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `grid-template-rows: repeat(12, minmax(0, 1fr));`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-grid-rows-12",
            "value": "@include import-once(\"utils-flex-grid-grid-template-rows\") {\n\n        // Grid template rows utility classes\n        $kendo-utils-grid-template-rows: map.get( $kendo-utils, \"grid-template-rows\" ) !default;\n        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "grid-template-rows: repeat(12, minmax(0, 1fr));"
            }
        ],
        "group": [
            "grid-template-rows"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_grid-template-rows.scss",
            "name": "_grid-template-rows.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: fit-content;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "line": {
                "start": 145,
                "end": 145
            },
            "name": ".k-max-h-fit"
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: fit-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-h-0",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: 0;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: 1px;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-h-1px",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: 1px;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: 0.25rem;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-h-1",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: 0.25rem;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: 100%;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-h-full",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: 100%;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: 100vh;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-h-screen",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: 100vh;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: min-content;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-h-min",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: min-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: max-content;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-h-max",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: max-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `height: fit-content;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-h-fit",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "height: fit-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: 0;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-0",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: 0;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: 1px;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-1px",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: 1px;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: 0.25rem;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-1",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: 0.25rem;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: 100%;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-full",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: 100%;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: 100vh;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-screen",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: 100vh;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: min-content;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-min",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: min-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: max-content;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-max",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: max-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `min-height: fit-content;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-min-h-fit",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-height: fit-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: 0;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-0",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: 0;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: 1px;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-1px",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: 1px;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: 0.25rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-1",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: 0.25rem;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: 100%;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-full",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: 100%;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: 100vh;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-screen",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: 100vh;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: min-content;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-min",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: min-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `max-height: max-content;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-max-h-max",
            "value": "@include import-once(\"utils-sizing-height\") {\n\n        // Height utility classes\n        $kendo-utils-height: map.get( $kendo-utils, \"height\" ) !default;\n        @include generate-utils( h, height, $kendo-utils-height );\n\n        // Min height utility classes\n        $kendo-utils-min-height: map.get( $kendo-utils, \"min-height\" ) !default;\n        @include generate-utils( min-h, min-height, $kendo-utils-min-height );\n\n        // Max height utility classes\n        $kendo-utils-max-height: map.get( $kendo-utils, \"max-height\" ) !default;\n        @include generate-utils( max-h, max-height, $kendo-utils-max-height );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-height: max-content;"
            }
        ],
        "group": [
            "height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_height.scss",
            "name": "_height.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: space-evenly;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-justify-content-evenly"
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: space-evenly;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-normal",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: normal;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-stretch",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: stretch;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-center",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: center;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-start",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: start;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-end",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: end;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-selft-start",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: flex-start;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: flex-end;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: baseline;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: baseline;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: first baseline;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: first baseline;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: last baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-last-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: last baseline;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: space-between;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-between",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: space-between;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-content: space-around;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-justify-content-around",
            "value": "@include import-once(\"utils-flex-grid-justify-content\") {\n\n        // Justify content utility classes\n        $kendo-utils-justify-content: map.get( $kendo-utils, \"justify-content\" ) !default;\n        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );\n\n\n        // Custom justify-content classes\n        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }\n        .\\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important\n\n    }",
            "line": {
                "start": 85,
                "end": 99
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-content: space-around;"
            }
        ],
        "group": [
            "justify-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-content.scss",
            "name": "_justify-content.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: last baseline;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "line": {
                "start": 85,
                "end": 85
            },
            "name": ".k-justify-items-last-baseline"
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: last baseline;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-normal",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: normal;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-stretch",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: stretch;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-center",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: center;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-start",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: start;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-end",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: end;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-selft-start",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: flex-start;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: flex-end;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: self-start;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-selft-start",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: self-start;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: self-end;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: self-end;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: left;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-left",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: left;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: right;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-right",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: right;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: baseline;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: baseline;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-items: first baseline;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-justify-items-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-items\") {\n\n        // Justify items utility classes\n        $kendo-utils-justify-items: map.get( $kendo-utils, \"justify-items\" ) !default;\n        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );\n\n    }",
            "line": {
                "start": 91,
                "end": 100
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-items: first baseline;"
            }
        ],
        "group": [
            "justify-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-items.scss",
            "name": "_justify-items.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: last baseline;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-justify-self-last-baseline"
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: last baseline;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-auto",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: auto;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: normal;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-normal",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: normal;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: stretch;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-stretch",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: stretch;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: center;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-center",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: center;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: start;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-start",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: start;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: end;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: end;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: flex-start;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-selft-start",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: flex-start;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: flex-end;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: flex-end;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: self-start;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-selft-start",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: self-start;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: self-end;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-self-end",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: self-end;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: baseline;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: baseline;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "This is equivalent to `justify-self: first baseline;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-justify-self-first-baseline",
            "value": "@include import-once(\"utils-flex-grid-justify-self\") {\n\n        // Justify self utility classes\n        $kendo-utils-justify-self: map.get( $kendo-utils, \"justify-self\" ) !default;\n        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "justify-self: first baseline;"
            }
        ],
        "group": [
            "justify-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_justify-self.scss",
            "name": "_justify-self.scss"
        }
    },
    {
        "description": "Sets letter spacing to the tightest value.\n",
        "commentRange": {
            "start": 4,
            "end": 8
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-tightest",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-tightest, -0.15px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the tighter value.\n",
        "commentRange": {
            "start": 10,
            "end": 14
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-tighter",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the tight value.\n",
        "commentRange": {
            "start": 16,
            "end": 20
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-tight",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-tight, -0.5px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the normal value.\n",
        "commentRange": {
            "start": 22,
            "end": 26
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-normal",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-normal, 0px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the wide value.\n",
        "commentRange": {
            "start": 28,
            "end": 32
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-wide",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-wide, 0.5px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the wider value.\n",
        "commentRange": {
            "start": 34,
            "end": 38
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-wider",
            "value": "@include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }",
            "line": {
                "start": 46,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-wider, 0.1px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets letter spacing to the widest value.\n",
        "commentRange": {
            "start": 40,
            "end": 44
        },
        "context": {
            "type": "css",
            "name": ".k-letter-spacing-widest",
            "code": "\n    @include import-once(\"utils-typography-letter-spacing\") {\n\n        // Letter spacing utility classes\n        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: \"letter-spacing\" );\n\n    }\n",
            "line": {
                "start": 46,
                "end": 53
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "letter-spacing: var(--kendo-letter-spacing-widest, 0.15px);"
            }
        ],
        "group": [
            "letter-spacing"
        ],
        "contextType": "css",
        "access": "public",
        "require": [],
        "file": {
            "path": "typography/_letter-spacing.scss",
            "name": "_letter-spacing.scss"
        }
    },
    {
        "description": "Sets line height to large value.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 32
            },
            "name": ".k-line-height-lg"
        },
        "example": [
            {
                "type": "scss",
                "code": "line-height: var(--kendo-line-height-lg, 1.5);"
            }
        ],
        "group": [
            "line-height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_line-height.scss",
            "name": "_line-height.scss"
        }
    },
    {
        "description": "Sets line height to extra small value.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-line-height-xs",
            "value": "@include import-once(\"utils-typography-line-height\") {\n\n        // Line height utility classes\n        @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: \"line-height\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "line-height: var(--kendo-line-height-xs, 1);"
            }
        ],
        "group": [
            "line-height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_line-height.scss",
            "name": "_line-height.scss"
        }
    },
    {
        "description": "Sets line height to small value.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-line-height-sm",
            "value": "@include import-once(\"utils-typography-line-height\") {\n\n        // Line height utility classes\n        @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: \"line-height\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "line-height: var(--kendo-line-height-sm, 1.25);"
            }
        ],
        "group": [
            "line-height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_line-height.scss",
            "name": "_line-height.scss"
        }
    },
    {
        "description": "Sets line height to medium value.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-line-height-md",
            "value": "@include import-once(\"utils-typography-line-height\") {\n\n        // Line height utility classes\n        @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: \"line-height\" );\n\n    }",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "line-height: var(--kendo-line-height-md, 1.4285714286);"
            }
        ],
        "group": [
            "line-height"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_line-height.scss",
            "name": "_line-height.scss"
        }
    },
    {
        "description": "This is equivalent to `list-style-type: decimal;`.The marker of list items is a number.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-list-decimal"
        },
        "example": [
            {
                "type": "scss",
                "code": "list-style-type: decimal;"
            }
        ],
        "group": [
            "list-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_list-style.scss",
            "name": "_list-style.scss"
        }
    },
    {
        "description": "This is equivalent to `list-style-type: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-list-none",
            "value": "@include import-once(\"utils-typography-list-style\") {\n\n        // list-style-type utility classes\n        $kendo-utils-list-style-type: map.get( $kendo-utils, \"list-style-type\" ) !default;\n        @include generate-utils( list, list-style-type, $kendo-utils-list-style-type );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "list-style-type: none;"
            }
        ],
        "group": [
            "list-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_list-style.scss",
            "name": "_list-style.scss"
        }
    },
    {
        "description": "This is equivalent to `list-style-type: disc;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-list-disc",
            "value": "@include import-once(\"utils-typography-list-style\") {\n\n        // list-style-type utility classes\n        $kendo-utils-list-style-type: map.get( $kendo-utils, \"list-style-type\" ) !default;\n        @include generate-utils( list, list-style-type, $kendo-utils-list-style-type );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "list-style-type: disc;"
            }
        ],
        "group": [
            "list-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_list-style.scss",
            "name": "_list-style.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: -0.25rem;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-m--{1-30}",
            "value": "0-30",
            "line": {
                "start": 9,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-m-{0-30}",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 1px;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-m-1px",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: -1px;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-m--1px",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0.125rem;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-m-0\\.5",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: -0.125rem;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-m--0\\.5",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0.25rem;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-m-xs",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0.5rem;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-m-sm",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0.75rem;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-m-md",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 1rem;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-m-lg",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 1.5rem;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-m-xl",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 0.125rem;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-m-thin",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: 1px;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-m-hair",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin: auto;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-m-auto",
            "value": "1-30",
            "line": {
                "start": 87,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: -0.25rem;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-mt--{1-30}",
            "value": "0-30",
            "line": {
                "start": 93,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-mt-{0-30}",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 1px;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-mt-1px",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: -1px;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-mt--1px",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0.125rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-mt-0\\.5",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: -0.125rem;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-mt--0\\.5",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0.25rem;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-mt-xs",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0.5rem;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-mt-sm",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0.75rem;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-mt-md",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 1rem;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-mt-lg",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 1.5rem;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-mt-xl",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 0.125rem;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-mt-thin",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: 1px;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-mt-hair",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-top: auto;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-mt-auto",
            "value": "1-30",
            "line": {
                "start": 171,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-top: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: -0.25rem;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-mr--{1-30}",
            "value": "0-30",
            "line": {
                "start": 177,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-mr-{0-30}",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 1px;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-mr-1px",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: -1px;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-mr--1px",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0.125rem;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-mt-0\\.5",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: -0.125rem;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-mt--0\\.5",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0.25rem;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-mr-xs",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0.5rem;`.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-mr-sm",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0.75rem;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-mr-md",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 1rem;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-mr-lg",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 1.5rem;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-mr-xl",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 0.125rem;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-mr-thin",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: 1px;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "name": ".k-mr-hair",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-right: auto;`.\n",
        "commentRange": {
            "start": 247,
            "end": 251
        },
        "context": {
            "type": "css",
            "name": ".k-mr-auto",
            "value": "1-30",
            "line": {
                "start": 255,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-right: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: -0.25rem;`.\n",
        "commentRange": {
            "start": 253,
            "end": 257
        },
        "context": {
            "type": "css",
            "name": ".k-mb--{1-30}",
            "value": "0-30",
            "line": {
                "start": 261,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0;`.\n",
        "commentRange": {
            "start": 259,
            "end": 263
        },
        "context": {
            "type": "css",
            "name": ".k-mb-{0-30}",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 1px;`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-mb-1px",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: -1px;`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-mb--1px",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0.125rem;`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-mb-0\\.5",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: -0.125rem;`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-mb--0\\.5",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0.25rem;`.\n",
        "commentRange": {
            "start": 290,
            "end": 294
        },
        "context": {
            "type": "css",
            "name": ".k-mb-xs",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0.5rem;`.\n",
        "commentRange": {
            "start": 296,
            "end": 300
        },
        "context": {
            "type": "css",
            "name": ".k-mb-sm",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0.75rem;`.\n",
        "commentRange": {
            "start": 302,
            "end": 306
        },
        "context": {
            "type": "css",
            "name": ".k-mb-md",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 1rem;`.\n",
        "commentRange": {
            "start": 308,
            "end": 312
        },
        "context": {
            "type": "css",
            "name": ".k-mb-lg",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 1.5rem;`.\n",
        "commentRange": {
            "start": 314,
            "end": 318
        },
        "context": {
            "type": "css",
            "name": ".k-mb-xl",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 0.125rem;`.\n",
        "commentRange": {
            "start": 320,
            "end": 324
        },
        "context": {
            "type": "css",
            "name": ".k-mb-thin",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: 1px;`.\n",
        "commentRange": {
            "start": 326,
            "end": 330
        },
        "context": {
            "type": "css",
            "name": ".k-mb-hair",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-bottom: auto;`.\n",
        "commentRange": {
            "start": 332,
            "end": 336
        },
        "context": {
            "type": "css",
            "name": ".k-mb-auto",
            "value": "1-30",
            "line": {
                "start": 340,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-bottom: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: -0.25rem;`.\n",
        "commentRange": {
            "start": 338,
            "end": 342
        },
        "context": {
            "type": "css",
            "name": ".k-ml--{1-30}",
            "value": "0-30",
            "line": {
                "start": 346,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0;`.\n",
        "commentRange": {
            "start": 344,
            "end": 348
        },
        "context": {
            "type": "css",
            "name": ".k-ml-{0-30}",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 1px;`.\n",
        "commentRange": {
            "start": 350,
            "end": 354
        },
        "context": {
            "type": "css",
            "name": ".k-ml-1px",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: -1px;`.\n",
        "commentRange": {
            "start": 356,
            "end": 360
        },
        "context": {
            "type": "css",
            "name": ".k-ml--1px",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0.125rem;`.\n",
        "commentRange": {
            "start": 362,
            "end": 366
        },
        "context": {
            "type": "css",
            "name": ".k-ml-0\\.5",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: -0.125rem;`.\n",
        "commentRange": {
            "start": 368,
            "end": 372
        },
        "context": {
            "type": "css",
            "name": ".k-ml--0\\.5",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0.25rem;`.\n",
        "commentRange": {
            "start": 374,
            "end": 378
        },
        "context": {
            "type": "css",
            "name": ".k-ml-xs",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0.5rem;`.\n",
        "commentRange": {
            "start": 380,
            "end": 384
        },
        "context": {
            "type": "css",
            "name": ".k-ml-sm",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0.75rem;`.\n",
        "commentRange": {
            "start": 386,
            "end": 390
        },
        "context": {
            "type": "css",
            "name": ".k-ml-md",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 1rem;`.\n",
        "commentRange": {
            "start": 392,
            "end": 396
        },
        "context": {
            "type": "css",
            "name": ".k-ml-lg",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 1.5rem;`.\n",
        "commentRange": {
            "start": 398,
            "end": 402
        },
        "context": {
            "type": "css",
            "name": ".k-ml-xl",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 0.125rem;`.\n",
        "commentRange": {
            "start": 404,
            "end": 408
        },
        "context": {
            "type": "css",
            "name": ".k-ml-thin",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: 1px;`.\n",
        "commentRange": {
            "start": 410,
            "end": 414
        },
        "context": {
            "type": "css",
            "name": ".k-ml-hair",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-left: auto;`.\n",
        "commentRange": {
            "start": 416,
            "end": 420
        },
        "context": {
            "type": "css",
            "name": ".k-ml-auto",
            "value": "1-30",
            "line": {
                "start": 424,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-left: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: -0.25rem;`.\n",
        "commentRange": {
            "start": 422,
            "end": 426
        },
        "context": {
            "type": "css",
            "name": ".k-mx--{1-30}",
            "value": "0-30",
            "line": {
                "start": 430,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0;`.\n",
        "commentRange": {
            "start": 428,
            "end": 432
        },
        "context": {
            "type": "css",
            "name": ".k-mx-{0-30}",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 1px;`.\n",
        "commentRange": {
            "start": 434,
            "end": 438
        },
        "context": {
            "type": "css",
            "name": ".k-mx-1px",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: -1px;`.\n",
        "commentRange": {
            "start": 440,
            "end": 444
        },
        "context": {
            "type": "css",
            "name": ".k-mx--1px",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 446,
            "end": 450
        },
        "context": {
            "type": "css",
            "name": ".k-mx-0\\.5",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: -0.125rem;`.\n",
        "commentRange": {
            "start": 452,
            "end": 456
        },
        "context": {
            "type": "css",
            "name": ".k-mx--0\\.5",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0.25rem;`.\n",
        "commentRange": {
            "start": 458,
            "end": 462
        },
        "context": {
            "type": "css",
            "name": ".k-mx-xs",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0.5rem;`.\n",
        "commentRange": {
            "start": 464,
            "end": 468
        },
        "context": {
            "type": "css",
            "name": ".k-mx-sm",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0.75rem;`.\n",
        "commentRange": {
            "start": 470,
            "end": 474
        },
        "context": {
            "type": "css",
            "name": ".k-mx-md",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 1rem;`.\n",
        "commentRange": {
            "start": 476,
            "end": 480
        },
        "context": {
            "type": "css",
            "name": ".k-mx-lg",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 1.5rem;`.\n",
        "commentRange": {
            "start": 482,
            "end": 486
        },
        "context": {
            "type": "css",
            "name": ".k-mx-xl",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 488,
            "end": 492
        },
        "context": {
            "type": "css",
            "name": ".k-mx-thin",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: 1px;`.\n",
        "commentRange": {
            "start": 494,
            "end": 498
        },
        "context": {
            "type": "css",
            "name": ".k-mx-hair",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-inline: auto;`.\n",
        "commentRange": {
            "start": 500,
            "end": 504
        },
        "context": {
            "type": "css",
            "name": ".k-mx-auto",
            "value": "1-30",
            "line": {
                "start": 508,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-inline: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: -0.25rem;`.\n",
        "commentRange": {
            "start": 506,
            "end": 510
        },
        "context": {
            "type": "css",
            "name": ".k-my--{1-30}",
            "value": "0-30",
            "line": {
                "start": 514,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: -0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: auto;`.\n",
        "commentRange": {
            "start": 584,
            "end": 588
        },
        "context": {
            "type": "css",
            "line": {
                "start": 590,
                "end": 590
            },
            "name": ".k-my-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: auto;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0;`.\n",
        "commentRange": {
            "start": 512,
            "end": 516
        },
        "context": {
            "type": "css",
            "name": ".k-my-{0-30}",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 1px;`.\n",
        "commentRange": {
            "start": 518,
            "end": 522
        },
        "context": {
            "type": "css",
            "name": ".k-my-1px",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: -1px;`.\n",
        "commentRange": {
            "start": 524,
            "end": 528
        },
        "context": {
            "type": "css",
            "name": ".k-my--1px",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: -1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 530,
            "end": 534
        },
        "context": {
            "type": "css",
            "name": ".k-my-0\\.5",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: -0.125rem;`.\n",
        "commentRange": {
            "start": 536,
            "end": 540
        },
        "context": {
            "type": "css",
            "name": ".k-my--0\\.5",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: -0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0.25rem;`.\n",
        "commentRange": {
            "start": 542,
            "end": 546
        },
        "context": {
            "type": "css",
            "name": ".k-my-xs",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0.25rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0.5rem;`.\n",
        "commentRange": {
            "start": 548,
            "end": 552
        },
        "context": {
            "type": "css",
            "name": ".k-my-sm",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0.75rem;`.\n",
        "commentRange": {
            "start": 554,
            "end": 558
        },
        "context": {
            "type": "css",
            "name": ".k-my-md",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0.75rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 1rem;`.\n",
        "commentRange": {
            "start": 560,
            "end": 564
        },
        "context": {
            "type": "css",
            "name": ".k-my-lg",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 1rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 1.5rem;`.\n",
        "commentRange": {
            "start": 566,
            "end": 570
        },
        "context": {
            "type": "css",
            "name": ".k-my-xl",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 1.5rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 572,
            "end": 576
        },
        "context": {
            "type": "css",
            "name": ".k-my-thin",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 0.125rem;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `margin-block: 1px;`.\n",
        "commentRange": {
            "start": 578,
            "end": 582
        },
        "context": {
            "type": "css",
            "name": ".k-my-hair",
            "value": "@include import-once(\"utils-spacing-margin\") {\n\n        // Margin utility classes\n        $kendo-utils-margin: map.get( $kendo-utils, \"margin\" ) !default;\n        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: \"spacing\" );\n        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: \"spacing\" );\n\n    }",
            "line": {
                "start": 596,
                "end": 611
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin-block: 1px;"
            }
        ],
        "group": [
            "margin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_margin.scss",
            "name": "_margin.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: none;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-object-fit-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: none;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: contain;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-object-fit-contain",
            "value": "@include import-once(\"utils-layout-object-fit\") {\n\n        // object-fit utility classes\n        $kendo-utils-object-fit: map.get( $kendo-utils, \"object-fit\" ) !default;\n        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: contain;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: cover;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-object-fit-cover",
            "value": "@include import-once(\"utils-layout-object-fit\") {\n\n        // object-fit utility classes\n        $kendo-utils-object-fit: map.get( $kendo-utils, \"object-fit\" ) !default;\n        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: cover;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: fill;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-object-fit-fill",
            "value": "@include import-once(\"utils-layout-object-fit\") {\n\n        // object-fit utility classes\n        $kendo-utils-object-fit: map.get( $kendo-utils, \"object-fit\" ) !default;\n        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: fill;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: scale-down;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-object-fit-scale-down",
            "value": "@include import-once(\"utils-layout-object-fit\") {\n\n        // object-fit utility classes\n        $kendo-utils-object-fit: map.get( $kendo-utils, \"object-fit\" ) !default;\n        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: scale-down;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-fit: initial;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-object-fit-initial",
            "value": "@include import-once(\"utils-layout-object-fit\") {\n\n        // object-fit utility classes\n        $kendo-utils-object-fit: map.get( $kendo-utils, \"object-fit\" ) !default;\n        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-fit: initial;"
            }
        ],
        "group": [
            "object-fit"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-fit.scss",
            "name": "_object-fit.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: bottom right;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "line": {
                "start": 55,
                "end": 55
            },
            "name": ".k-object-position-bottom-right"
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: bottom right;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: center;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-center",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: center;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: top;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-top",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: top;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: right;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-right",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: right;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: bottom;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-bottom",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: bottom;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: left;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-left",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: left;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: top left;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-top-left",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: top left;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: top right;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-top-right",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: top right;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `object-position: bottom left;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-object-position-bottom-left",
            "value": "@include import-once(\"utils-layout-object-position\") {\n\n        // object-position utility classes\n        $kendo-utils-object-position: map.get( $kendo-utils, \"object-position\" ) !default;\n        @include generate-utils( object-position, object-position, $kendo-utils-object-position );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "object-position: bottom left;"
            }
        ],
        "group": [
            "object-position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_object-position.scss",
            "name": "_object-position.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 1;`.\n",
        "commentRange": {
            "start": 66,
            "end": 70
        },
        "context": {
            "type": "css",
            "line": {
                "start": 72,
                "end": 73
            },
            "name": ".k-opacity-100"
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 1;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-0",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.05;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-5",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.5;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.1;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-10",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.1;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.2;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-20",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.2;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.3;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-30",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.3;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.4;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-40",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.4;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.5;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-50",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.5;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.6;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-60",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.6;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.7;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-70",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.7;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.8;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-80",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.8;"
            }
        ],
        "group": [
            "opacity"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `opacity: 0.9;`.\n",
        "commentRange": {
            "start": 61,
            "end": 64
        },
        "context": {
            "type": "css",
            "name": ".k-opacity-90",
            "value": "@include import-once(\"utils-effects-opacity\") {\n\n        // opacity utility classes\n        $kendo-utils-opacity: map.get( $kendo-utils, \"opacity\" ) !default;\n        @include generate-utils( opacity, opacity, $kendo-utils-opacity );\n\n    }",
            "line": {
                "start": 79,
                "end": 88
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "opacity: 0.9;"
            }
        ],
        "group": [
            "opacity"
        ],
        "access": "public",
        "file": {
            "path": "effects/_opacity.scss",
            "name": "_opacity.scss"
        }
    },
    {
        "description": "This is equivalent to `order: 0;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-order-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "order: 0;"
            }
        ],
        "group": [
            "order"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_order.scss",
            "name": "_order.scss"
        }
    },
    {
        "description": "This is equivalent to `order: 1;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-order-{1-12}",
            "value": "@include import-once(\"utils-flex-grid-order\") {\n\n        // Order utility classes\n        $kendo-utils-order: map.get( $kendo-utils, \"order\" ) !default;\n        @include generate-utils( order, order, $kendo-utils-order );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "order: 1;"
            }
        ],
        "group": [
            "order"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_order.scss",
            "name": "_order.scss"
        }
    },
    {
        "description": "This is equivalent to `order: -9999;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-order-first",
            "value": "@include import-once(\"utils-flex-grid-order\") {\n\n        // Order utility classes\n        $kendo-utils-order: map.get( $kendo-utils, \"order\" ) !default;\n        @include generate-utils( order, order, $kendo-utils-order );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "order: -9999;"
            }
        ],
        "group": [
            "order"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_order.scss",
            "name": "_order.scss"
        }
    },
    {
        "description": "This is equivalent to `order: 9999;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-order-last",
            "value": "@include import-once(\"utils-flex-grid-order\") {\n\n        // Order utility classes\n        $kendo-utils-order: map.get( $kendo-utils, \"order\" ) !default;\n        @include generate-utils( order, order, $kendo-utils-order );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "order: 9999;"
            }
        ],
        "group": [
            "order"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_order.scss",
            "name": "_order.scss"
        }
    },
    {
        "description": "Sets the border color to the dark emphasis color.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "line": {
                "start": 247,
                "end": 247
            },
            "name": ".k-outline-dark-emphasis"
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-dark-emphasis, #212529);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-color: inherit;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-outline-inherit",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: inherit;"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-color: currentColor;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-outline-currentColor",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: currentColor;"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-color: transparent;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-outline-transparent",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: transparent;"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-color: black;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-outline-black",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: black;"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-color: white;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-outline-white",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: white;"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the app surface color.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-outline-app-surface",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-app-surface, #fafafa);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the on app surface color.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-outline-on-app-surface",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-on-app-surface, #424242);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the subtle color.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-outline-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-subtle, #666666);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the surface color.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-outline-surface",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-surface, #ffffff);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the surface alt color.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-outline-surface-alt",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-surface-alt, #f5f5f5);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the border color.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-outline-border",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-border, #d9d9d9);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the border alt color.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-outline-alt",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-outline-alt, #e0e0e0);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the base subtle color.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-outline-base-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-base-subtle, #f0f0f0);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the base emphasis color.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-outline-base-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-base-emphasis, #000000);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary subtle color.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-outline-primary-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-primary-subtle, #e3f2fd);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary color.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-outline-primary",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-primary, #2196f3);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the primary emphasis color.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-outline-primary-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-primary-emphasis, #1976d2);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary subtle color.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-outline-secondary-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-secondary-subtle, #f3e5f5);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary color.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-outline-secondary",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-secondary, #9c27b0);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the secondary emphasis color.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-outline-secondary-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-secondary-emphasis, #7b1fa2);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary subtle color.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-outline-tertiary-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-tertiary-subtle, #fff3e0);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary color.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-outline-tertiary",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-tertiary, #ff9800);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the tertiary emphasis color.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-outline-tertiary-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-tertiary-emphasis, #f57c00);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info subtle color.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-outline-info-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-info-subtle, #e1f5fe);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info color.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-outline-info",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-info, #00bcd4);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the info emphasis color.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-outline-info-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-info-emphasis, #0097a7);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success subtle color.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-outline-success-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-success-subtle, #e8f5e8);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success color.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-outline-success",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-success, #4caf50);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the success emphasis color.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-outline-success-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-success-emphasis, #388e3c);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning subtle color.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-outline-warning-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-warning-subtle, #fff8e1);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning color.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-outline-warning",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-warning, #ff9800);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the warning emphasis color.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-outline-warning-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-warning-emphasis, #f57c00);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error subtle color.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-outline-error-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-error-subtle, #ffebee);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error color.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-outline-error",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-error, #f44336);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the error emphasis color.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-outline-error-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-error-emphasis, #d32f2f);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light subtle color.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-outline-light-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-light-subtle, #f8f9fa);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light color.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-outline-light",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-light, #f8f9fa);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the light emphasis color.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-outline-light-emphasis",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-light-emphasis, #dee2e6);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the dark subtle color.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-outline-dark-subtle",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-dark-subtle, #6c757d);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "Sets the border color to the dark color.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-outline-dark",
            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 262
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-color: var(--kendo-color-dark, #343a40);"
            }
        ],
        "group": [
            "outline-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-color.scss",
            "name": "_outline-color.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-offset: 8px;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "line": {
                "start": 31,
                "end": 31
            },
            "name": ".k-outline-offset-8"
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-offset: 8px;"
            }
        ],
        "group": [
            "outline-offset"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-offset.scss",
            "name": "_outline-offset.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-offset: 1px;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-outline-offset",
            "value": "@include import-once(\"utils-outline-offset\") {\n\n        // Outline offset utility classes\n        $kendo-utils-outline-offset: map.get( $kendo-utils, \"outline-offset\" ) !default;\n        @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-offset: 1px;"
            }
        ],
        "group": [
            "outline-offset"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-offset.scss",
            "name": "_outline-offset.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-offset: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-outline-offset-0",
            "value": "@include import-once(\"utils-outline-offset\") {\n\n        // Outline offset utility classes\n        $kendo-utils-outline-offset: map.get( $kendo-utils, \"outline-offset\" ) !default;\n        @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-offset: 0;"
            }
        ],
        "group": [
            "outline-offset"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-offset.scss",
            "name": "_outline-offset.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-offset: 2px;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-outline-offset-2",
            "value": "@include import-once(\"utils-outline-offset\") {\n\n        // Outline offset utility classes\n        $kendo-utils-outline-offset: map.get( $kendo-utils, \"outline-offset\" ) !default;\n        @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-offset: 2px;"
            }
        ],
        "group": [
            "outline-offset"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-offset.scss",
            "name": "_outline-offset.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-offset: 4px;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-outline-offset-4",
            "value": "@include import-once(\"utils-outline-offset\") {\n\n        // Outline offset utility classes\n        $kendo-utils-outline-offset: map.get( $kendo-utils, \"outline-offset\" ) !default;\n        @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-offset: 4px;"
            }
        ],
        "group": [
            "outline-offset"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-offset.scss",
            "name": "_outline-offset.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: none;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-outline-none"
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: none;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: solid;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-outline-solid",
            "value": "@include import-once(\"utils-outline-style\") {\n\n        // Outline style utility classes\n        $kendo-utils-outline-style: map.get( $kendo-utils, \"outline-style\" ) !default;\n        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: solid;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: dashed;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-outline-dashed",
            "value": "@include import-once(\"utils-outline-style\") {\n\n        // Outline style utility classes\n        $kendo-utils-outline-style: map.get( $kendo-utils, \"outline-style\" ) !default;\n        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: dashed;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: dotted;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-outline-dotted",
            "value": "@include import-once(\"utils-outline-style\") {\n\n        // Outline style utility classes\n        $kendo-utils-outline-style: map.get( $kendo-utils, \"outline-style\" ) !default;\n        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: dotted;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: double;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-outline-double",
            "value": "@include import-once(\"utils-outline-style\") {\n\n        // Outline style utility classes\n        $kendo-utils-outline-style: map.get( $kendo-utils, \"outline-style\" ) !default;\n        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: double;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-style: hidden;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-outline-hidden",
            "value": "@include import-once(\"utils-outline-style\") {\n\n        // Outline style utility classes\n        $kendo-utils-outline-style: map.get( $kendo-utils, \"outline-style\" ) !default;\n        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-style: hidden;"
            }
        ],
        "group": [
            "outline-style"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-style.scss",
            "name": "_outline-style.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-width: 8px;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "line": {
                "start": 31,
                "end": 31
            },
            "name": ".k-outline-8"
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-width: 8px;"
            }
        ],
        "group": [
            "outline-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-width.scss",
            "name": "_outline-width.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-width: 1px;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-outline",
            "value": "@include import-once(\"utils-outline-width\") {\n\n    // Outline width utility classes\n    $kendo-utils-outline-width: map.get( $kendo-utils, \"outline-width\" ) !default;\n    @include generate-utils( outline, outline-width, $kendo-utils-outline-width );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-width: 1px;"
            }
        ],
        "group": [
            "outline-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-width.scss",
            "name": "_outline-width.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-width: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-outline-0",
            "value": "@include import-once(\"utils-outline-width\") {\n\n    // Outline width utility classes\n    $kendo-utils-outline-width: map.get( $kendo-utils, \"outline-width\" ) !default;\n    @include generate-utils( outline, outline-width, $kendo-utils-outline-width );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-width: 0;"
            }
        ],
        "group": [
            "outline-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-width.scss",
            "name": "_outline-width.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-width: 2px;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-outline-2",
            "value": "@include import-once(\"utils-outline-width\") {\n\n    // Outline width utility classes\n    $kendo-utils-outline-width: map.get( $kendo-utils, \"outline-width\" ) !default;\n    @include generate-utils( outline, outline-width, $kendo-utils-outline-width );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-width: 2px;"
            }
        ],
        "group": [
            "outline-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-width.scss",
            "name": "_outline-width.scss"
        }
    },
    {
        "description": "This is equivalent to `outline-width: 4px;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-outline-4",
            "value": "@include import-once(\"utils-outline-width\") {\n\n    // Outline width utility classes\n    $kendo-utils-outline-width: map.get( $kendo-utils, \"outline-width\" ) !default;\n    @include generate-utils( outline, outline-width, $kendo-utils-outline-width );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "outline-width: 4px;"
            }
        ],
        "group": [
            "outline-width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "border/_outline-width.scss",
            "name": "_outline-width.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-y: clip;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "line": {
                "start": 91,
                "end": 91
            },
            "name": ".k-overflow-y-clip"
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-y: clip;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-auto",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow: auto;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow: hidden;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-hidden",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow: hidden;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow: visible;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-visible",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow: visible;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow: scroll;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-scroll",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow: scroll;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow: clip;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-clip",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow: clip;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-x: auto;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-x-auto",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-x: auto;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-x: hidden;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-x-hidden",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-x: hidden;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-x: visible;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-x-visible",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-x: visible;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-x: scroll;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-x-scroll",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-x: scroll;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-x: clip;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-x-clip",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-x: clip;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-y: auto;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-y-auto",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-y: auto;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-y: hidden;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-y-hidden",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-y: hidden;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-y: visible;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-y-visible",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-y: visible;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `overflow-y: scroll;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-overflow-y-scroll",
            "value": "@include import-once(\"utils-layout-overflow\") {\n\n        // Overflow utility classes\n        $kendo-utils-overflow: map.get( $kendo-utils, \"overflow\" ) !default;\n        @include generate-utils( overflow, overflow, $kendo-utils-overflow );\n        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );\n        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );\n\n    }",
            "line": {
                "start": 97,
                "end": 108
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "overflow-y: scroll;"
            }
        ],
        "group": [
            "overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_overflow.scss",
            "name": "_overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-p-{0-30}",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 1px;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-p-1px",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0.125rem;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-p-0\\.5",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0.25rem;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-p-xs",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0.5rem;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-p-sm",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0.75rem;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-p-md",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 1rem;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-p-lg",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 1.5rem;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-p-xl",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 0.125rem;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-p-thin",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: 1px;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-p-hair",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding: auto;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-p-auto",
            "value": "0-30",
            "line": {
                "start": 69,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-pt-{0-30}",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 1px;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-pt-1px",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0.125rem;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-pt-0\\.5",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0.25rem;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-pt-xs",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0.5rem;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-pt-sm",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0.75rem;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-pt-md",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 1rem;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-pt-lg",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 1.5rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-pt-xl",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 0.125rem;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-pt-thin",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: 1px;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-pt-hair",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-top: auto;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-pt-auto",
            "value": "0-30",
            "line": {
                "start": 135,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-top: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-pr-{0-30}",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 1px;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-pr-1px",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0.125rem;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-pr-0\\.5",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0.25rem;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-pr-xs",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0.5rem;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-pr-sm",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0.75rem;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-pr-md",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 1rem;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-pr-lg",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 1.5rem;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-pr-xl",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 0.125rem;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-pr-thin",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: 1px;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-pr-hair",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-right: auto;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-pr-auto",
            "value": "0-30",
            "line": {
                "start": 201,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-right: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-pb-{0-30}",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 1px;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-pb-1px",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0.125rem;`.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-pb-0\\.5",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0.25rem;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-pb-xs",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0.5rem;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-pb-sm",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0.75rem;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-pb-md",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 1rem;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-pb-lg",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 1.5rem;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "name": ".k-pb-xl",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 0.125rem;`.\n",
        "commentRange": {
            "start": 247,
            "end": 251
        },
        "context": {
            "type": "css",
            "name": ".k-pb-thin",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: 1px;`.\n",
        "commentRange": {
            "start": 253,
            "end": 257
        },
        "context": {
            "type": "css",
            "name": ".k-pb-hair",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-bottom: auto;`.\n",
        "commentRange": {
            "start": 259,
            "end": 263
        },
        "context": {
            "type": "css",
            "name": ".k-pb-auto",
            "value": "0-30",
            "line": {
                "start": 267,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-bottom: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0;`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-pl-{0-30}",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 1px;`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-pl-1px",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0.125rem;`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-pl-0\\.5",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0.25rem;`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-pl-xs",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0.5rem;`.\n",
        "commentRange": {
            "start": 289,
            "end": 293
        },
        "context": {
            "type": "css",
            "name": ".k-pl-sm",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0.75rem;`.\n",
        "commentRange": {
            "start": 295,
            "end": 299
        },
        "context": {
            "type": "css",
            "name": ".k-pl-md",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 1rem;`.\n",
        "commentRange": {
            "start": 301,
            "end": 305
        },
        "context": {
            "type": "css",
            "name": ".k-pl-lg",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 1.5rem;`.\n",
        "commentRange": {
            "start": 307,
            "end": 311
        },
        "context": {
            "type": "css",
            "name": ".k-pl-xl",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 0.125rem;`.\n",
        "commentRange": {
            "start": 313,
            "end": 317
        },
        "context": {
            "type": "css",
            "name": ".k-pl-thin",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: 1px;`.\n",
        "commentRange": {
            "start": 319,
            "end": 323
        },
        "context": {
            "type": "css",
            "name": ".k-pl-hair",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-left: auto;`.\n",
        "commentRange": {
            "start": 325,
            "end": 329
        },
        "context": {
            "type": "css",
            "name": ".k-pl-auto",
            "value": "0-30",
            "line": {
                "start": 333,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-left: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0;`.\n",
        "commentRange": {
            "start": 331,
            "end": 335
        },
        "context": {
            "type": "css",
            "name": ".k-px-{0-30}",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1px;`.\n",
        "commentRange": {
            "start": 337,
            "end": 341
        },
        "context": {
            "type": "css",
            "name": ".k-px-1px",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 343,
            "end": 347
        },
        "context": {
            "type": "css",
            "name": ".k-px-0\\.5",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.25rem;`.\n",
        "commentRange": {
            "start": 349,
            "end": 353
        },
        "context": {
            "type": "css",
            "name": ".k-px-xs",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.5rem;`.\n",
        "commentRange": {
            "start": 355,
            "end": 359
        },
        "context": {
            "type": "css",
            "name": ".k-px-sm",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.75rem;`.\n",
        "commentRange": {
            "start": 361,
            "end": 365
        },
        "context": {
            "type": "css",
            "name": ".k-px-md",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1rem;`.\n",
        "commentRange": {
            "start": 367,
            "end": 371
        },
        "context": {
            "type": "css",
            "name": ".k-px-lg",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1.5rem;`.\n",
        "commentRange": {
            "start": 373,
            "end": 377
        },
        "context": {
            "type": "css",
            "name": ".k-px-xl",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 379,
            "end": 383
        },
        "context": {
            "type": "css",
            "name": ".k-px-thin",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1px;`.\n",
        "commentRange": {
            "start": 385,
            "end": 389
        },
        "context": {
            "type": "css",
            "name": ".k-px-hair",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: auto;`.\n",
        "commentRange": {
            "start": 391,
            "end": 395
        },
        "context": {
            "type": "css",
            "name": ".k-px-auto",
            "value": "0-30",
            "line": {
                "start": 399,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0;`.\n",
        "commentRange": {
            "start": 397,
            "end": 401
        },
        "context": {
            "type": "css",
            "name": ".k-py-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1px;`.\n",
        "commentRange": {
            "start": 403,
            "end": 407
        },
        "context": {
            "type": "css",
            "name": ".k-py-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 409,
            "end": 413
        },
        "context": {
            "type": "css",
            "name": ".k-py-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.25rem;`.\n",
        "commentRange": {
            "start": 415,
            "end": 419
        },
        "context": {
            "type": "css",
            "name": ".k-py-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.25rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.5rem;`.\n",
        "commentRange": {
            "start": 421,
            "end": 425
        },
        "context": {
            "type": "css",
            "name": ".k-py-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.75rem;`.\n",
        "commentRange": {
            "start": 427,
            "end": 431
        },
        "context": {
            "type": "css",
            "name": ".k-py-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.75rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1rem;`.\n",
        "commentRange": {
            "start": 433,
            "end": 437
        },
        "context": {
            "type": "css",
            "name": ".k-py-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1.5rem;`.\n",
        "commentRange": {
            "start": 439,
            "end": 443
        },
        "context": {
            "type": "css",
            "name": ".k-py-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1.5rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 445,
            "end": 449
        },
        "context": {
            "type": "css",
            "name": ".k-py-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.125rem;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1px;`.\n",
        "commentRange": {
            "start": 451,
            "end": 455
        },
        "context": {
            "type": "css",
            "name": ".k-py-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1px;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: auto;`.\n",
        "commentRange": {
            "start": 457,
            "end": 461
        },
        "context": {
            "type": "css",
            "name": ".k-py-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 468,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: auto;"
            }
        ],
        "group": [
            "padding"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0;`.\n",
        "commentRange": {
            "start": 466,
            "end": 470
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 474,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1px;`.\n",
        "commentRange": {
            "start": 472,
            "end": 476
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 480,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1px;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 478,
            "end": 482
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 486,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.125rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.25rem;`.\n",
        "commentRange": {
            "start": 484,
            "end": 488
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 492,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.25rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.5rem;`.\n",
        "commentRange": {
            "start": 490,
            "end": 494
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 498,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.5rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.75rem;`.\n",
        "commentRange": {
            "start": 496,
            "end": 500
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 504,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.75rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1rem;`.\n",
        "commentRange": {
            "start": 502,
            "end": 506
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 510,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1.5rem;`.\n",
        "commentRange": {
            "start": 508,
            "end": 512
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 516,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1.5rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 0.125rem;`.\n",
        "commentRange": {
            "start": 514,
            "end": 518
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 522,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 0.125rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: 1px;`.\n",
        "commentRange": {
            "start": 520,
            "end": 524
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 528,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: 1px;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-inline: auto;`.\n",
        "commentRange": {
            "start": 526,
            "end": 530
        },
        "context": {
            "type": "css",
            "name": ".k-px-{xs|sm|md|lg|xl|xxl}-auto",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 534,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-inline: auto;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0;`.\n",
        "commentRange": {
            "start": 532,
            "end": 536
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-{0-30}",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 540,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1px;`.\n",
        "commentRange": {
            "start": 538,
            "end": 542
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-1px",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 546,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1px;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 544,
            "end": 548
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-0\\.5",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 552,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.125rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.25rem;`.\n",
        "commentRange": {
            "start": 550,
            "end": 554
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-xs",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 558,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.25rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.5rem;`.\n",
        "commentRange": {
            "start": 556,
            "end": 560
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-sm",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 564,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.5rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.75rem;`.\n",
        "commentRange": {
            "start": 562,
            "end": 566
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-md",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 570,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.75rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1rem;`.\n",
        "commentRange": {
            "start": 568,
            "end": 572
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-lg",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 576,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1.5rem;`.\n",
        "commentRange": {
            "start": 574,
            "end": 578
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-xl",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 582,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1.5rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 0.125rem;`.\n",
        "commentRange": {
            "start": 580,
            "end": 584
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-thin",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 588,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 0.125rem;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: 1px;`.\n",
        "commentRange": {
            "start": 586,
            "end": 590
        },
        "context": {
            "type": "css",
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-hair",
            "value": "xs|sm|md|lg|xl|xxl",
            "line": {
                "start": 594,
                "end": 628
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: 1px;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `padding-block: auto;`.\n",
        "commentRange": {
            "start": 592,
            "end": 596
        },
        "context": {
            "type": "css",
            "line": {
                "start": 598,
                "end": 598
            },
            "name": ".k-py-{xs|sm|md|lg|xl|xxl}-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "padding-block: auto;"
            }
        ],
        "group": [
            "padding-responsive"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "spacing/_padding.scss",
            "name": "_padding.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: space-evenly;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "line": {
                "start": 79,
                "end": 79
            },
            "name": ".k-place-content-evenly"
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: space-evenly;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-normal",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: normal;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-stretch",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: stretch;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-center",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: center;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-start",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: start;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-end",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: end;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-selft-start",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: flex-start;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-self-end",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: flex-end;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: self-start;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-selft-start",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: self-start;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: self-end;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-self-end",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: self-end;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-baseline",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: baseline;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: space-between;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-between",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: space-between;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-content: space-around;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-place-content-around",
            "value": "@include import-once(\"utils-flex-grid-place-content\") {\n\n        // Place content utility classes\n        $kendo-utils-place-content: map.get( $kendo-utils, \"place-content\" ) !default;\n        @include generate-utils( place-content, place-content, $kendo-utils-place-content );\n\n    }",
            "line": {
                "start": 85,
                "end": 94
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-content: space-around;"
            }
        ],
        "group": [
            "place-content"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-content.scss",
            "name": "_place-content.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: baseline;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "line": {
                "start": 61,
                "end": 61
            },
            "name": ".k-place-items-baseline"
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: baseline;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-normal",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: normal;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: stretch;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-stretch",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: stretch;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-center",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: center;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: start;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-start",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: start;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: end;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-end",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: end;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: flex-start;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-flex-start",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: flex-start;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: flex-end;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-flex-end",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: flex-end;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: self-start;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-self-start",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: self-start;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-items: self-end;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-place-items-self-end",
            "value": "@include import-once(\"utils-flex-grid-place-items\") {\n\n        // Place items utility classes\n        $kendo-utils-place-items: map.get( $kendo-utils, \"place-items\" ) !default;\n        @include generate-utils( place-items, place-items, $kendo-utils-place-items );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-items: self-end;"
            }
        ],
        "group": [
            "place-items"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-items.scss",
            "name": "_place-items.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: baseline;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "line": {
                "start": 67,
                "end": 67
            },
            "name": ".k-place-self-baseline"
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: baseline;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-auto",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: auto;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: normal;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-normal",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: normal;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: stretch;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-stretch",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: stretch;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: center;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-center",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: center;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: start;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-start",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: start;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: end;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-end",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: end;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: flex-start;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-flex-start",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: flex-start;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: flex-end;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-flex-end",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: flex-end;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: self-start;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-self-start",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: self-start;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `place-self: self-end;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-place-self-self-end",
            "value": "@include import-once(\"utils-flex-grid-place-self\") {\n\n        // Place self utility classes\n        $kendo-utils-place-self: map.get( $kendo-utils, \"place-self\" ) !default;\n        @include generate-utils( place-self, place-self, $kendo-utils-place-self );\n\n    }",
            "line": {
                "start": 73,
                "end": 82
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "place-self: self-end;"
            }
        ],
        "group": [
            "place-self"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "flex-grid/_place-self.scss",
            "name": "_place-self.scss"
        }
    },
    {
        "description": "This is equivalent to `inset-block: 0;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "line": {
                "start": 91,
                "end": 91
            },
            "name": ".k-inset-y-0"
        },
        "example": [
            {
                "type": "scss",
                "code": "inset-block: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `top: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-top-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "top: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `right: 0;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-right-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "right: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `bottom: 0;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-bottom-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "bottom: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `left: 0;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-left-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "left: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `top: 0;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-pos-top-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "top: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `right: 0;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-pos-right-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "right: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `bottom: 0;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-pos-bottom-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "bottom: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `left: 0;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-pos-left-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "left: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `top: 0; left: 0;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-top-left-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "top: 0; left: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `top: 0; right: 0;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-top-right-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "top: 0; right: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `bottom: 0; left: 0;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-bottom-left-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "bottom: 0; left: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `bottom: 0; right: 0;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-bottom-right-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "bottom: 0; right: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `inset: 0;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-inset-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "inset: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `inset-inline: 0;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-inset-x-0",
            "value": "@include import-once(\"utils-layout-placement\") {\n\n        // Top / right / bottom / left\n        $kendo-utils-placement: map.get( $kendo-utils, \"placement\" ) !default;\n        @include generate-utils( top, top, $kendo-utils-placement );\n        @include generate-utils( right, right, $kendo-utils-placement );\n        @include generate-utils( bottom, bottom, $kendo-utils-placement );\n        @include generate-utils( left, left, $kendo-utils-placement );\n\n\n        // placement length utility classes\n        @each $side in (top, right, bottom, left) {\n            .#{$kendo-prefix}#{$side},\n            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }\n        }\n\n        // Inset utility classes\n        $kendo-utils-inset: map.get( $kendo-utils, \"inset\" ) !default;\n        @include generate-utils( inset, inset, $kendo-utils-inset );\n        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );\n        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );\n        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );\n        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );\n        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );\n        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );\n\n    }",
            "line": {
                "start": 97,
                "end": 126
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "inset-inline: 0;"
            }
        ],
        "group": [
            "placement"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_placement.scss",
            "name": "_placement.scss"
        }
    },
    {
        "description": "This is equivalent to `pointer-events: auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-pointer-events-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "pointer-events: auto;"
            }
        ],
        "group": [
            "pointer-events"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_pointer-events.scss",
            "name": "_pointer-events.scss"
        }
    },
    {
        "description": "This is equivalent to `pointer-events: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-pointer-events-none",
            "value": "@include import-once(\"utils-interactivity-pointer-events\") {\n\n        // Pointer events utility classes\n        $kendo-utils-pointer-events: map.get( $kendo-utils, \"pointer-events\" ) !default;\n        @include generate-utils( pointer-events, pointer-events, $kendo-utils-pointer-events );\n\n    }",
            "line": {
                "start": 19,
                "end": 28
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "pointer-events: none;"
            }
        ],
        "group": [
            "pointer-events"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_pointer-events.scss",
            "name": "_pointer-events.scss"
        }
    },
    {
        "description": "This is equivalent to `position: sticky;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "line": {
                "start": 31,
                "end": 31
            },
            "name": ".k-pos-sticky"
        },
        "example": [
            {
                "type": "scss",
                "code": "position: sticky;"
            }
        ],
        "group": [
            "position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_position.scss",
            "name": "_position.scss"
        }
    },
    {
        "description": "This is equivalent to `position: static;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-pos-static",
            "value": "@include import-once(\"utils-layout-position\") {\n\n        // Position utility classes\n        $kendo-utils-position: map.get( $kendo-utils, \"position\" ) !default;\n        @include generate-utils( pos, position, $kendo-utils-position );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }\n        .\\!#{$kendo-prefix}static { @extend .\\!#{$kendo-prefix}pos-static !optional; }\n        .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }\n        .\\!#{$kendo-prefix}relative { @extend .\\!#{$kendo-prefix}pos-relative !optional; }\n        .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }\n        .\\!#{$kendo-prefix}absolute { @extend .\\!#{$kendo-prefix}pos-absolute !optional; }\n        .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }\n        .\\!#{$kendo-prefix}fixed { @extend .\\!#{$kendo-prefix}pos-fixed !optional; }\n        .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }\n        .\\!#{$kendo-prefix}sticky { @extend .\\!#{$kendo-prefix}pos-sticky !optional; }\n\n    }",
            "line": {
                "start": 37,
                "end": 59
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "position: static;"
            }
        ],
        "group": [
            "position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_position.scss",
            "name": "_position.scss"
        }
    },
    {
        "description": "This is equivalent to `position: relative;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-pos-relative",
            "value": "@include import-once(\"utils-layout-position\") {\n\n        // Position utility classes\n        $kendo-utils-position: map.get( $kendo-utils, \"position\" ) !default;\n        @include generate-utils( pos, position, $kendo-utils-position );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }\n        .\\!#{$kendo-prefix}static { @extend .\\!#{$kendo-prefix}pos-static !optional; }\n        .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }\n        .\\!#{$kendo-prefix}relative { @extend .\\!#{$kendo-prefix}pos-relative !optional; }\n        .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }\n        .\\!#{$kendo-prefix}absolute { @extend .\\!#{$kendo-prefix}pos-absolute !optional; }\n        .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }\n        .\\!#{$kendo-prefix}fixed { @extend .\\!#{$kendo-prefix}pos-fixed !optional; }\n        .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }\n        .\\!#{$kendo-prefix}sticky { @extend .\\!#{$kendo-prefix}pos-sticky !optional; }\n\n    }",
            "line": {
                "start": 37,
                "end": 59
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "position: relative;"
            }
        ],
        "group": [
            "position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_position.scss",
            "name": "_position.scss"
        }
    },
    {
        "description": "This is equivalent to `position: absolute;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-pos-absolute",
            "value": "@include import-once(\"utils-layout-position\") {\n\n        // Position utility classes\n        $kendo-utils-position: map.get( $kendo-utils, \"position\" ) !default;\n        @include generate-utils( pos, position, $kendo-utils-position );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }\n        .\\!#{$kendo-prefix}static { @extend .\\!#{$kendo-prefix}pos-static !optional; }\n        .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }\n        .\\!#{$kendo-prefix}relative { @extend .\\!#{$kendo-prefix}pos-relative !optional; }\n        .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }\n        .\\!#{$kendo-prefix}absolute { @extend .\\!#{$kendo-prefix}pos-absolute !optional; }\n        .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }\n        .\\!#{$kendo-prefix}fixed { @extend .\\!#{$kendo-prefix}pos-fixed !optional; }\n        .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }\n        .\\!#{$kendo-prefix}sticky { @extend .\\!#{$kendo-prefix}pos-sticky !optional; }\n\n    }",
            "line": {
                "start": 37,
                "end": 59
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "position: absolute;"
            }
        ],
        "group": [
            "position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_position.scss",
            "name": "_position.scss"
        }
    },
    {
        "description": "This is equivalent to `position: fixed;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-pos-fixed",
            "value": "@include import-once(\"utils-layout-position\") {\n\n        // Position utility classes\n        $kendo-utils-position: map.get( $kendo-utils, \"position\" ) !default;\n        @include generate-utils( pos, position, $kendo-utils-position );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }\n        .\\!#{$kendo-prefix}static { @extend .\\!#{$kendo-prefix}pos-static !optional; }\n        .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }\n        .\\!#{$kendo-prefix}relative { @extend .\\!#{$kendo-prefix}pos-relative !optional; }\n        .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }\n        .\\!#{$kendo-prefix}absolute { @extend .\\!#{$kendo-prefix}pos-absolute !optional; }\n        .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }\n        .\\!#{$kendo-prefix}fixed { @extend .\\!#{$kendo-prefix}pos-fixed !optional; }\n        .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }\n        .\\!#{$kendo-prefix}sticky { @extend .\\!#{$kendo-prefix}pos-sticky !optional; }\n\n    }",
            "line": {
                "start": 37,
                "end": 59
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "position: fixed;"
            }
        ],
        "group": [
            "position"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_position.scss",
            "name": "_position.scss"
        }
    },
    {
        "description": "This is equivalent to `resize: vertical;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-resize-y"
        },
        "example": [
            {
                "type": "scss",
                "code": "resize: vertical;"
            }
        ],
        "group": [
            "resize"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_resize.scss",
            "name": "_resize.scss"
        }
    },
    {
        "description": "This is equivalent to `resize: both;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-resize",
            "value": "@include import-once(\"utils-interactivity-resize\") {\n\n        // Resize utility classes\n        $kendo-utils-resize: map.get( $kendo-utils, \"resize\" ) !default;\n        @include generate-utils( resize, resize, $kendo-utils-resize );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "resize: both;"
            }
        ],
        "group": [
            "resize"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_resize.scss",
            "name": "_resize.scss"
        }
    },
    {
        "description": "This is equivalent to `resize: none;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-resize-none",
            "value": "@include import-once(\"utils-interactivity-resize\") {\n\n        // Resize utility classes\n        $kendo-utils-resize: map.get( $kendo-utils, \"resize\" ) !default;\n        @include generate-utils( resize, resize, $kendo-utils-resize );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "resize: none;"
            }
        ],
        "group": [
            "resize"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_resize.scss",
            "name": "_resize.scss"
        }
    },
    {
        "description": "This is equivalent to `resize: horizontal;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-resize-x",
            "value": "@include import-once(\"utils-interactivity-resize\") {\n\n        // Resize utility classes\n        $kendo-utils-resize: map.get( $kendo-utils, \"resize\" ) !default;\n        @include generate-utils( resize, resize, $kendo-utils-resize );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "resize: horizontal;"
            }
        ],
        "group": [
            "resize"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_resize.scss",
            "name": "_resize.scss"
        }
    },
    {
        "description": "Visually hides an element while keeping it accessible to screen readers.\nThis class should be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n",
        "commentRange": {
            "start": 1,
            "end": 6
        },
        "context": {
            "type": "css",
            "name": ".k-sr-only",
            "value": "@include import-once(\"utils-accessibility-screen-readers\") {\n\n        // Screen readers utility classes\n        $kendo-utils-accessibility: map.get( $kendo-utils, \"accessibility\" ) !default;\n\n        @if $kendo-utils-accessibility {\n            /// This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n            /// @name .k-sr-only\n            /// @group accessibility\n            .#{$kendo-prefix}sr-only {\n                margin: -1px;\n                padding: 0;\n                width: 1px;\n                height: 1px;\n                border-width: 0;\n                overflow: hidden;\n                clip-path: rect(0 0 0 0);\n                position: absolute;\n            }\n\n            .#{$kendo-prefix}not-sr-only {\n                margin: 0;\n                padding: 0;\n                width: auto;\n                height: auto;\n                border-width: 0;\n                overflow: visible;\n                clip-path: none;\n                position: static;\n            }\n        }\n\n    }",
            "line": {
                "start": 20,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: -1px; padding: 0; width: 1px; height: 1px; border-width: 0; overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute;"
            }
        ],
        "group": [
            "screen-readers"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "accessibility/_screen-readers.scss",
            "name": "_screen-readers.scss"
        }
    },
    {
        "description": "Reverses the effect of .k-sr-only, making the element visible again.\n",
        "commentRange": {
            "start": 8,
            "end": 12
        },
        "context": {
            "type": "css",
            "name": ".k-not-sr-only",
            "value": "@include import-once(\"utils-accessibility-screen-readers\") {\n\n        // Screen readers utility classes\n        $kendo-utils-accessibility: map.get( $kendo-utils, \"accessibility\" ) !default;\n\n        @if $kendo-utils-accessibility {\n            /// This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n            /// @name .k-sr-only\n            /// @group accessibility\n            .#{$kendo-prefix}sr-only {\n                margin: -1px;\n                padding: 0;\n                width: 1px;\n                height: 1px;\n                border-width: 0;\n                overflow: hidden;\n                clip-path: rect(0 0 0 0);\n                position: absolute;\n            }\n\n            .#{$kendo-prefix}not-sr-only {\n                margin: 0;\n                padding: 0;\n                width: auto;\n                height: auto;\n                border-width: 0;\n                overflow: visible;\n                clip-path: none;\n                position: static;\n            }\n        }\n\n    }",
            "line": {
                "start": 20,
                "end": 55
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "margin: 0; padding: 0; width: auto; height: auto; border-width: 0; overflow: visible; clip: auto; position: static;"
            }
        ],
        "group": [
            "screen-readers"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "accessibility/_screen-readers.scss",
            "name": "_screen-readers.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-block: 0.25rem;`.\n",
        "commentRange": {
            "start": 319,
            "end": 323
        },
        "context": {
            "type": "css",
            "line": {
                "start": 325,
                "end": 325
            },
            "name": ".k-scroll-y-1"
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-block: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-behavior: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-auto",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-behavior: auto;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-behavior: smooth;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-smooth",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-behavior: smooth;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-type: x var(--k-scroll-snap-strictness);`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-snap-x",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-type: x var(--k-scroll-snap-strictness);"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-type: y var(--k-scroll-snap-strictness);`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-snap-y",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-type: y var(--k-scroll-snap-strictness);"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `--k-scroll-snap-strictness: mandatory;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-mandatory",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--k-scroll-snap-strictness: mandatory;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `--k-scroll-snap-strictness: proximity;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-proximity",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "--k-scroll-snap-strictness: proximity;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-stop: normal;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-stop-normal",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-stop: normal;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-stop: always;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-stop-always",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-stop: always;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-align: start;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-align-start",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-align: start;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-align: end;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-align-end",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-align: end;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-align: center;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-align-center",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-align: center;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-snap-align: none;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-snap-align-none",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-snap-align: none;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin: 0;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin: 1px;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin: 0.25rem;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-top: 0;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-top: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-top: 1px;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-top: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-top: 0.25rem;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-m-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-top: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-right: 0;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mr-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-right: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-right: 1px;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mr-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-right: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-right: 0.25rem;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mr-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-right: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-bottom: 0;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mb-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-bottom: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-bottom: 1px;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mb-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-bottom: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-bottom: 0.25rem;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-mb-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-bottom: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-left: 0;`.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-ml-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-left: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-left: 1px;`.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-ml-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-left: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-left: 0.25rem;`.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-ml-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-left: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-inline: 0;`.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-inline: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-inline: 1px;`.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-inline: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-inline: 0.25rem;`.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-inline: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-block: 0;`.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-y-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-block: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-block: 1px;`.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-y-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-block: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-margin-block: 0.25rem;`.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-y-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-margin-block: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding: 0;`.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding: 1px;`.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding: 0.25rem;`.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-top: 0;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-top: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-top: 1px;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-top: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-top: 0.25rem;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-p-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-top: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-right: 0;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pr-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-right: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-right: 1px;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pr-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-right: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-right: 0.25rem;`.\n",
        "commentRange": {
            "start": 247,
            "end": 251
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pr-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-right: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-bottom: 0;`.\n",
        "commentRange": {
            "start": 253,
            "end": 257
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pb-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-bottom: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-bottom: 1px;`.\n",
        "commentRange": {
            "start": 259,
            "end": 263
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pb-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-bottom: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-bottom: 0.25rem;`.\n",
        "commentRange": {
            "start": 265,
            "end": 269
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pb-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-bottom: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-left: 0;`.\n",
        "commentRange": {
            "start": 271,
            "end": 275
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pl-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-left: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-left: 1px;`.\n",
        "commentRange": {
            "start": 277,
            "end": 281
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pl-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-left: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-left: 0.25rem;`.\n",
        "commentRange": {
            "start": 283,
            "end": 287
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-pl-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-left: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-inline: 0;`.\n",
        "commentRange": {
            "start": 289,
            "end": 293
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-inline: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-inline: 1px;`.\n",
        "commentRange": {
            "start": 295,
            "end": 299
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-inline: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-inline: 0.25rem;`.\n",
        "commentRange": {
            "start": 301,
            "end": 305
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-x-1",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-inline: 0.25rem;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-block: 0;`.\n",
        "commentRange": {
            "start": 307,
            "end": 311
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-y-0",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-block: 0;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `scroll-padding-block: 1px;`.\n",
        "commentRange": {
            "start": 313,
            "end": 317
        },
        "context": {
            "type": "css",
            "name": ".k-scroll-y-1px",
            "value": "@include import-once(\"utils-interactivity-scroll\") {\n\n        // Scroll behavior utility classes\n        $kendo-utils-scroll-behavior: map.get( $kendo-utils, \"scroll-behavior\" ) !default;\n        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );\n\n\n        // Scroll snap type utility classes\n        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, \"scroll-snap-type\" ) !default;\n        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );\n\n        // Custom scroll snap type utility classes\n        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }\n        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }\n\n\n        // Scroll snap stop utility classes\n        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, \"scroll-snap-stop\" ) !default;\n        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );\n\n\n        // Scroll snap align utility classes\n        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, \"scroll-snap-align\" ) !default;\n        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );\n\n\n        // Scroll margin utility classes\n        $kendo-utils-scroll-margin: map.get( $kendo-utils, \"scroll-margin\" ) !default;\n        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );\n        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );\n\n\n        // Scroll padding utility classes\n        $kendo-utils-scroll-padding: map.get( $kendo-utils, \"scroll-padding\" ) !default;\n        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );\n        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );\n\n    }",
            "line": {
                "start": 331,
                "end": 381
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "scroll-padding-block: 1px;"
            }
        ],
        "group": [
            "scroll"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_scroll.scss",
            "name": "_scroll.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: skewY(1deg);`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-skew-y-1"
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: skewY(1deg);"
            }
        ],
        "group": [
            "skew"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_skew.scss",
            "name": "_skew.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: skewX(0deg);`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-skew-x-0",
            "value": "@include import-once(\"utils-transform-skew\") {\n\n        // Transform skew utility classes\n        $kendo-utils-skew: map.get( $kendo-utils, \"skew\" ) !default;\n        @include generate-utils( skew-x, transform, $kendo-utils-skew, k-skew-x );\n        @include generate-utils( skew-y, transform, $kendo-utils-skew, k-skew-y );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: skewX(0deg);"
            }
        ],
        "group": [
            "skew"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_skew.scss",
            "name": "_skew.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: skewX(1deg);`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-skew-x-1",
            "value": "@include import-once(\"utils-transform-skew\") {\n\n        // Transform skew utility classes\n        $kendo-utils-skew: map.get( $kendo-utils, \"skew\" ) !default;\n        @include generate-utils( skew-x, transform, $kendo-utils-skew, k-skew-x );\n        @include generate-utils( skew-y, transform, $kendo-utils-skew, k-skew-y );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: skewX(1deg);"
            }
        ],
        "group": [
            "skew"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_skew.scss",
            "name": "_skew.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: skewY(0deg);`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-skew-y-0",
            "value": "@include import-once(\"utils-transform-skew\") {\n\n        // Transform skew utility classes\n        $kendo-utils-skew: map.get( $kendo-utils, \"skew\" ) !default;\n        @include generate-utils( skew-x, transform, $kendo-utils-skew, k-skew-x );\n        @include generate-utils( skew-y, transform, $kendo-utils-skew, k-skew-y );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: skewY(0deg);"
            }
        ],
        "group": [
            "skew"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_skew.scss",
            "name": "_skew.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: white;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-stroke-white"
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: white;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-stroke-none",
            "value": "@include import-once(\"utils-svg-stroke\") {\n\n        // stroke utility classes\n        $kendo-utils-stroke: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( stroke, stroke, $kendo-utils-stroke );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: none;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: inherit;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-stroke-inherit",
            "value": "@include import-once(\"utils-svg-stroke\") {\n\n        // stroke utility classes\n        $kendo-utils-stroke: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( stroke, stroke, $kendo-utils-stroke );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: inherit;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: currentColor;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-stroke-currentColor",
            "value": "@include import-once(\"utils-svg-stroke\") {\n\n        // stroke utility classes\n        $kendo-utils-stroke: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( stroke, stroke, $kendo-utils-stroke );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: currentColor;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: transparent;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-stroke-transparent",
            "value": "@include import-once(\"utils-svg-stroke\") {\n\n        // stroke utility classes\n        $kendo-utils-stroke: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( stroke, stroke, $kendo-utils-stroke );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: transparent;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `stroke: black;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-stroke-black",
            "value": "@include import-once(\"utils-svg-stroke\") {\n\n        // stroke utility classes\n        $kendo-utils-stroke: map.get( $kendo-utils, \"fill-stroke\" ) !default;\n        @include generate-utils( stroke, stroke, $kendo-utils-stroke );\n\n    }",
            "line": {
                "start": 43,
                "end": 52
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "stroke: black;"
            }
        ],
        "group": [
            "stroke"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "svg/_stroke.scss",
            "name": "_stroke.scss"
        }
    },
    {
        "description": "This is equivalent to `table-layout: fixed;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-table-fixed"
        },
        "example": [
            {
                "type": "scss",
                "code": "table-layout: fixed;"
            }
        ],
        "group": [
            "table-layout"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "table/_table-layout.scss",
            "name": "_table-layout.scss"
        }
    },
    {
        "description": "This is equivalent to `table-layout: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-table-auto",
            "value": "@include import-once(\"utils-table-table-layout\") {\n\n        // Table layout utility classes\n        $kendo-utils-table-layout: map.get( $kendo-utils, \"table-layout\" ) !default;\n        @include generate-utils( table, table-layout, $kendo-utils-table-layout );\n        @include generate-utils( table-layout, table-layout, $kendo-utils-table-layout );\n\n    }",
            "line": {
                "start": 19,
                "end": 29
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "table-layout: auto;"
            }
        ],
        "group": [
            "table-layout"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "table/_table-layout.scss",
            "name": "_table-layout.scss"
        }
    },
    {
        "description": "This is equivalent to `text-align: justify;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-text-justify"
        },
        "example": [
            {
                "type": "scss",
                "code": "text-align: justify;"
            }
        ],
        "group": [
            "text-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-align.scss",
            "name": "_text-align.scss"
        }
    },
    {
        "description": "This is equivalent to `text-align: left;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-text-left",
            "value": "@include import-once(\"utils-typography-text-align\") {\n\n        // Text align utility classes\n        $kendo-utils-text-align: map.get( $kendo-utils, \"text-align\" ) !default;\n\n        @include generate-utils( text, text-align, $kendo-utils-text-align );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-align: left;"
            }
        ],
        "group": [
            "text-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-align.scss",
            "name": "_text-align.scss"
        }
    },
    {
        "description": "This is equivalent to `text-align: right;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-text-right",
            "value": "@include import-once(\"utils-typography-text-align\") {\n\n        // Text align utility classes\n        $kendo-utils-text-align: map.get( $kendo-utils, \"text-align\" ) !default;\n\n        @include generate-utils( text, text-align, $kendo-utils-text-align );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-align: right;"
            }
        ],
        "group": [
            "text-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-align.scss",
            "name": "_text-align.scss"
        }
    },
    {
        "description": "This is equivalent to `text-align: center;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-text-center",
            "value": "@include import-once(\"utils-typography-text-align\") {\n\n        // Text align utility classes\n        $kendo-utils-text-align: map.get( $kendo-utils, \"text-align\" ) !default;\n\n        @include generate-utils( text, text-align, $kendo-utils-text-align );\n\n    }",
            "line": {
                "start": 31,
                "end": 41
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-align: center;"
            }
        ],
        "group": [
            "text-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-align.scss",
            "name": "_text-align.scss"
        }
    },
    {
        "description": "This is equivalent to `color: white;`.\n",
        "commentRange": {
            "start": 241,
            "end": 245
        },
        "context": {
            "type": "css",
            "line": {
                "start": 247,
                "end": 247
            },
            "name": ".k-text-white"
        },
        "example": [
            {
                "type": "scss",
                "code": "color: white;"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the app surface color.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-text-app-surface",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-app-surface, #fafafa);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the on app surface color.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-text-on-app-surface",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-on-app-surface, #424242);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the subtle color.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-text-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-subtle, #666666);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the surface color.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-text-surface",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-surface, #ffffff);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the surface alt color.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-text-surface-alt",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-surface-alt, #f5f5f5);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the border color.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-text-border",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-border, #d9d9d9);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the border alt color.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-text-border-alt",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-border-alt, #e0e0e0);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the base subtle color.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-text-base-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-base-subtle, #f0f0f0);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the base emphasis color.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-text-base-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-base-emphasis, #000000);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the primary subtle color.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-text-primary-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-primary-subtle, #e3f2fd);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the primary color.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-text-primary",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-primary, #2196f3);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the primary emphasis color.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-text-primary-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-primary-emphasis, #1976d2);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the secondary subtle color.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-text-secondary-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-secondary-subtle, #f3e5f5);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the secondary color.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-text-secondary",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-secondary, #9c27b0);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the secondary emphasis color.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-text-secondary-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-secondary-emphasis, #7b1fa2);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the tertiary subtle color.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-text-tertiary-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-tertiary-subtle, #fff3e0);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the tertiary color.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-text-tertiary",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-tertiary, #ff9800);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the tertiary emphasis color.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-text-tertiary-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-tertiary-emphasis, #f57c00);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the info subtle color.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-text-info-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-info-subtle, #e1f5fe);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the info color.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-text-info",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-info, #00bcd4);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the info emphasis color.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-text-info-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-info-emphasis, #0097a7);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the success subtle color.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-text-success-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-success-subtle, #e8f5e8);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the success color.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-text-success",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-success, #4caf50);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the success emphasis color.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "name": ".k-text-success-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-success-emphasis, #388e3c);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the warning subtle color.\n",
        "commentRange": {
            "start": 145,
            "end": 149
        },
        "context": {
            "type": "css",
            "name": ".k-text-warning-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-warning-subtle, #fff8e1);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the warning color.\n",
        "commentRange": {
            "start": 151,
            "end": 155
        },
        "context": {
            "type": "css",
            "name": ".k-text-warning",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-warning, #ff9800);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the warning emphasis color.\n",
        "commentRange": {
            "start": 157,
            "end": 161
        },
        "context": {
            "type": "css",
            "name": ".k-text-warning-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-warning-emphasis, #f57c00);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the error subtle color.\n",
        "commentRange": {
            "start": 163,
            "end": 167
        },
        "context": {
            "type": "css",
            "name": ".k-text-error-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-error-subtle, #ffebee);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the error color.\n",
        "commentRange": {
            "start": 169,
            "end": 173
        },
        "context": {
            "type": "css",
            "name": ".k-text-error",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-error, #f44336);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the error emphasis color.\n",
        "commentRange": {
            "start": 175,
            "end": 179
        },
        "context": {
            "type": "css",
            "name": ".k-text-error-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-error-emphasis, #d32f2f);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the light subtle color.\n",
        "commentRange": {
            "start": 181,
            "end": 185
        },
        "context": {
            "type": "css",
            "name": ".k-text-light-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-light-subtle, #f8f9fa);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the light color.\n",
        "commentRange": {
            "start": 187,
            "end": 191
        },
        "context": {
            "type": "css",
            "name": ".k-text-light",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-light, #f8f9fa);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the light emphasis color.\n",
        "commentRange": {
            "start": 193,
            "end": 197
        },
        "context": {
            "type": "css",
            "name": ".k-text-light-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-light-emphasis, #dee2e6);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the dark subtle color.\n",
        "commentRange": {
            "start": 199,
            "end": 203
        },
        "context": {
            "type": "css",
            "name": ".k-text-dark-subtle",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-dark-subtle, #6c757d);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the dark color.\n",
        "commentRange": {
            "start": 205,
            "end": 209
        },
        "context": {
            "type": "css",
            "name": ".k-text-dark",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-dark, #343a40);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "Sets the text color to the dark emphasis color.\n",
        "commentRange": {
            "start": 211,
            "end": 215
        },
        "context": {
            "type": "css",
            "name": ".k-text-dark-emphasis",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: var(--kendo-color-dark-emphasis, #212529);"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "This is equivalent to `color: inherit;`.\n",
        "commentRange": {
            "start": 217,
            "end": 221
        },
        "context": {
            "type": "css",
            "name": ".k-text-inherit",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: inherit;"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "This is equivalent to `color: currentColor;`.\n",
        "commentRange": {
            "start": 223,
            "end": 227
        },
        "context": {
            "type": "css",
            "name": ".k-text-current",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: currentColor;"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "This is equivalent to `color: transparent;`.\n",
        "commentRange": {
            "start": 229,
            "end": 233
        },
        "context": {
            "type": "css",
            "name": ".k-text-transparent",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: transparent;"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "This is equivalent to `color: black;`.\n",
        "commentRange": {
            "start": 235,
            "end": 239
        },
        "context": {
            "type": "css",
            "name": ".k-text-black",
            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
            "line": {
                "start": 253,
                "end": 265
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "color: black;"
            }
        ],
        "group": [
            "text-color"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-color.scss",
            "name": "_text-color.scss"
        }
    },
    {
        "description": "This is equivalent to `text-decoration: none-decoration;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-text-no-underline"
        },
        "example": [
            {
                "type": "scss",
                "code": "text-decoration: none-decoration;"
            }
        ],
        "group": [
            "text-decoration"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-decoration.scss",
            "name": "_text-decoration.scss"
        }
    },
    {
        "description": "This is equivalent to `text-decoration: underline;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-text-underline",
            "value": "@include import-once(\"utils-typography-text-decoration\") {\n\n        // text-decoration utility classes\n        $kendo-utils-text-decoration: map.get( $kendo-utils, \"text-decoration\" ) !default;\n        @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-decoration: underline;"
            }
        ],
        "group": [
            "text-decoration"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-decoration.scss",
            "name": "_text-decoration.scss"
        }
    },
    {
        "description": "This is equivalent to `text-decoration: overline;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-text-overline",
            "value": "@include import-once(\"utils-typography-text-decoration\") {\n\n        // text-decoration utility classes\n        $kendo-utils-text-decoration: map.get( $kendo-utils, \"text-decoration\" ) !default;\n        @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-decoration: overline;"
            }
        ],
        "group": [
            "text-decoration"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-decoration.scss",
            "name": "_text-decoration.scss"
        }
    },
    {
        "description": "This is equivalent to `text-decoration: line-through;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-text-line-through",
            "value": "@include import-once(\"utils-typography-text-decoration\") {\n\n        // text-decoration utility classes\n        $kendo-utils-text-decoration: map.get( $kendo-utils, \"text-decoration\" ) !default;\n        @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-decoration: line-through;"
            }
        ],
        "group": [
            "text-decoration"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-decoration.scss",
            "name": "_text-decoration.scss"
        }
    },
    {
        "description": "This is equivalent to `text-overflow: ellipsis; white-space: nowrap; overflow: hidden;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "line": {
                "start": 13,
                "end": 13
            },
            "name": ".k-text-ellipsis"
        },
        "example": [
            {
                "type": "scss",
                "code": "text-overflow: ellipsis; white-space: nowrap; overflow: hidden;"
            }
        ],
        "group": [
            "text-overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-overflow.scss",
            "name": "_text-overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `text-overflow: clip;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-text-clip",
            "value": "@include import-once(\"utils-typography-text-overflow\") {\n\n        // Text overflow utility classes\n        $kendo-utils-text-overflow: map.get( $kendo-utils, \"text-overflow\" ) !default;\n        @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );\n\n\n        // Text truncate utility classes\n        .#{$kendo-prefix}text-truncate {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        .\\!#{$kendo-prefix}text-truncate {\n            white-space: nowrap !important; // stylelint-disable-line declaration-no-important\n            overflow: hidden !important; // stylelint-disable-line declaration-no-important\n            text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important\n        }\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-ellipsis { @extend .#{$kendo-prefix}text-truncate !optional; }\n        .\\!#{$kendo-prefix}text-ellipsis { @extend .\\!#{$kendo-prefix}text-truncate !optional; }\n\n    }",
            "line": {
                "start": 19,
                "end": 45
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-overflow: clip;"
            }
        ],
        "group": [
            "text-overflow"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-overflow.scss",
            "name": "_text-overflow.scss"
        }
    },
    {
        "description": "This is equivalent to `text-transform: capitalize;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-text-capitalize"
        },
        "example": [
            {
                "type": "scss",
                "code": "text-transform: capitalize;"
            }
        ],
        "group": [
            "text-transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-transform.scss",
            "name": "_text-transform.scss"
        }
    },
    {
        "description": "This is equivalent to `text-transform: lowercase;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-text-lowercase",
            "value": "@include import-once(\"utils-typography-text-transform\") {\n\n        // Text transform utility classes\n        $kendo-utils-text-transform: map.get( $kendo-utils, \"text-transform\" ) !default;\n        @include generate-utils( text, text-transform, $kendo-utils-text-transform );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-transform: lowercase;"
            }
        ],
        "group": [
            "text-transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-transform.scss",
            "name": "_text-transform.scss"
        }
    },
    {
        "description": "This is equivalent to `text-transform: uppercase;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-text-uppercase",
            "value": "@include import-once(\"utils-typography-text-transform\") {\n\n        // Text transform utility classes\n        $kendo-utils-text-transform: map.get( $kendo-utils, \"text-transform\" ) !default;\n        @include generate-utils( text, text-transform, $kendo-utils-text-transform );\n\n    }",
            "line": {
                "start": 25,
                "end": 34
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "text-transform: uppercase;"
            }
        ],
        "group": [
            "text-transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_text-transform.scss",
            "name": "_text-transform.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: manipulation;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "line": {
                "start": 61,
                "end": 61
            },
            "name": ".k-touch-action-manipulation"
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: manipulation;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-none",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: none;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-auto",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: auto;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-x;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-x",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-x;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-y;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-y",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-y;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-left;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-left",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-left;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-right;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-right",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-right;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-up;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-up",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-up;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pan-down;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pan-down",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pan-down;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `touch-action: pinch-zoom;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-touch-action-pinch-zoom",
            "value": "@include import-once(\"utils-interactivity-touch-action\") {\n\n        // Touch-action utility classes\n        $kendo-utils-touch-action: map.get( $kendo-utils, \"touch-action\" ) !default;\n        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );\n\n    }",
            "line": {
                "start": 67,
                "end": 76
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "touch-action: pinch-zoom;"
            }
        ],
        "group": [
            "touch-action"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_touch-action.scss",
            "name": "_touch-action.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: scaleX( -1 );`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-flip-h",
            "value": "@include import-once(\"utils-transform-flip\") {\n\n        // Flip utility classes\n        $kendo-utils-flip: map.get( $kendo-utils, \"flip\" ) !default;\n        @if $kendo-utils-flip {\n            .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }\n            .\\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important\n            .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }\n            .\\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important\n            .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }\n            .\\!#{$kendo-prefix}flip-h.\\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important\n\n            // Legacy aliases\n            .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }\n            .\\!#{$kendo-prefix}flip-x { @extend .\\!#{$kendo-prefix}flip-h !optional; }\n            .#{$kendo-prefix}flip-y { @extend .#{$kendo-prefix}flip-v !optional; }\n            .\\!#{$kendo-prefix}flip-y { @extend .\\!#{$kendo-prefix}flip-v !optional; }\n        }\n\n    }",
            "line": {
                "start": 21,
                "end": 43
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: scaleX( -1 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_flip.scss",
            "name": "_flip.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: scaleY( -1 );`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-flip-v",
            "value": "@include import-once(\"utils-transform-flip\") {\n\n        // Flip utility classes\n        $kendo-utils-flip: map.get( $kendo-utils, \"flip\" ) !default;\n        @if $kendo-utils-flip {\n            .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }\n            .\\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important\n            .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }\n            .\\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important\n            .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }\n            .\\!#{$kendo-prefix}flip-h.\\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important\n\n            // Legacy aliases\n            .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }\n            .\\!#{$kendo-prefix}flip-x { @extend .\\!#{$kendo-prefix}flip-h !optional; }\n            .#{$kendo-prefix}flip-y { @extend .#{$kendo-prefix}flip-v !optional; }\n            .\\!#{$kendo-prefix}flip-y { @extend .\\!#{$kendo-prefix}flip-v !optional; }\n        }\n\n    }",
            "line": {
                "start": 21,
                "end": 43
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: scaleY( -1 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_flip.scss",
            "name": "_flip.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 315deg );`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "line": {
                "start": 49,
                "end": 49
            },
            "name": ".k-rotate-315"
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 315deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 0 );`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-0",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 0 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 45deg );`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-45",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 45deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 90deg );`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-90",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 90deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 135deg );`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-135",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 135deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 180deg );`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-180",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 180deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 225deg );`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-225",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 225deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: rotate( 270deg );`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-rotate-270",
            "value": "@include import-once(\"utils-transform-rotate\") {\n\n        // Rotate utility classes\n        $kendo-utils-rotate: map.get( $kendo-utils, \"rotate\" ) !default;\n        @include generate-utils( rotate, transform, $kendo-utils-rotate, k-rotate );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: rotate( 270deg );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_rotate.scss",
            "name": "_rotate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: scale( 2, 2 );`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-scale-2"
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: scale( 2, 2 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_scale.scss",
            "name": "_scale.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: scale( 0, 0 );`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-scale-0",
            "value": "@include import-once(\"utils-transform-scale\") {\n\n        // Scale utility classes\n        $kendo-utils-scale: map.get( $kendo-utils, \"scale\" ) !default;\n        @include generate-utils( scale, transform, $kendo-utils-scale, k-scale );\n        @include generate-utils( scale-x, transform, $kendo-utils-scale, k-scale-x );\n        @include generate-utils( scale-y, transform, $kendo-utils-scale, k-scale-y );\n\n    }",
            "line": {
                "start": 25,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: scale( 0, 0 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_scale.scss",
            "name": "_scale.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: scale( 1, 1 );`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-scale-1",
            "value": "@include import-once(\"utils-transform-scale\") {\n\n        // Scale utility classes\n        $kendo-utils-scale: map.get( $kendo-utils, \"scale\" ) !default;\n        @include generate-utils( scale, transform, $kendo-utils-scale, k-scale );\n        @include generate-utils( scale-x, transform, $kendo-utils-scale, k-scale-x );\n        @include generate-utils( scale-y, transform, $kendo-utils-scale, k-scale-y );\n\n    }",
            "line": {
                "start": 25,
                "end": 36
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: scale( 1, 1 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_scale.scss",
            "name": "_scale.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 100%, 100% );`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "line": {
                "start": 55,
                "end": 55
            },
            "name": ".k-translate-100-100"
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 100%, 100% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 0, 0 );`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-translate-0",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 0, 0 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 0, 50% );`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-translate-0-50",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 0, 50% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 0, 100% );`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-translate-0-100",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 0, 100% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 50%, 0 );`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-translate-50-0",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 50%, 0 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 50%, 50% );`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-translate-50-50",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 50%, 50% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 50%, 100% );`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-translate-50-100",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 50%, 100% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 100%, 0 );`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-translate-100-0",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 100%, 0 );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform: translate( 100%, 50% );`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-translate-100-50",
            "value": "@include import-once(\"utils-transform-translate\") {\n\n        // Translate utility classes\n        $kendo-utils-translate: map.get( $kendo-utils, \"translate\" ) !default;\n        $kendo-utils-translate-xy: (\n            \"0\": ( 0, 0 ),\n            \"0-50\": ( 0, 50% ),\n            \"0-100\": ( 0, 100% ),\n            \"50-0\": ( 50%, 0 ),\n            \"50-50\": ( 50%, 50% ),\n            \"50-100\": ( 50%, 100% ),\n            \"100-0\": ( 100%, 0 ),\n            \"100-50\": ( 100%, 50% ),\n            \"100-100\": ( 100%, 100% )\n        ) !default;\n        @include generate-utils( translate, transform, $kendo-utils-translate-xy, k-translate );\n        @include generate-utils( translate-x, transform, $kendo-utils-translate, k-translate-x );\n        @include generate-utils( translate-y, transform, $kendo-utils-translate, k-translate-y );\n\n    }",
            "line": {
                "start": 61,
                "end": 83
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform: translate( 100%, 50% );"
            }
        ],
        "group": [
            "transform"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_translate.scss",
            "name": "_translate.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: bottom-right;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "line": {
                "start": 55,
                "end": 55
            },
            "name": ".k-origin-bottom-right"
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: bottom-right;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: center;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-origin-center",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: center;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: top;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-origin-top",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: top;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: right;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-origin-right",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: right;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: bottom;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-origin-bottom",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: bottom;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: left;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-origin-left",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: left;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: top-left;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-origin-top-left",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: top-left;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: top-right;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-origin-top-right",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: top-right;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This is equivalent to `transform-origin: bottom-left;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-origin-bottom-left",
            "value": "@include import-once(\"utils-transform-origin\") {\n\n        // Transform origin utility classes\n        $kendo-utils-origin: map.get( $kendo-utils, \"origin\" ) !default;\n        @include generate-utils( origin, transform-origin, $kendo-utils-origin );\n\n    }",
            "line": {
                "start": 61,
                "end": 70
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "transform-origin: bottom-left;"
            }
        ],
        "group": [
            "transform-origin"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "transform/_origin.scss",
            "name": "_origin.scss"
        }
    },
    {
        "description": "This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n            @name .k-sr-only\n            @group accessibility\n",
        "commentRange": {
            "start": 27,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".#{$kendo-prefix}sr-only",
            "value": "margin: -1px;\n                padding: 0;\n                width: 1px;\n                height: 1px;\n                border-width: 0;\n                overflow: hidden;\n                clip-path: rect(0 0 0 0);\n                position: absolute;",
            "line": {
                "start": 30,
                "end": 55
            }
        },
        "access": "public",
        "group": [
            "undefined"
        ],
        "file": {
            "path": "accessibility/_screen-readers.scss",
            "name": "_screen-readers.scss"
        }
    },
    {
        "description": "This is equivalent to `user-select: contain;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "line": {
                "start": 31,
                "end": 31
            },
            "name": ".k-user-select-contain"
        },
        "example": [
            {
                "type": "scss",
                "code": "user-select: contain;"
            }
        ],
        "group": [
            "user-select"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_user-select.scss",
            "name": "_user-select.scss"
        }
    },
    {
        "description": "This is equivalent to `user-select: none;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-user-select-none",
            "value": "@include import-once(\"utils-interactivity-user-select\") {\n\n        // User select utility classes\n        $kendo-utils-user-select: map.get( $kendo-utils, \"user-select\" ) !default;\n        @include generate-utils( user-select, user-select, $kendo-utils-user-select );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "user-select: none;"
            }
        ],
        "group": [
            "user-select"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_user-select.scss",
            "name": "_user-select.scss"
        }
    },
    {
        "description": "This is equivalent to `user-select: auto;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-user-select-auto",
            "value": "@include import-once(\"utils-interactivity-user-select\") {\n\n        // User select utility classes\n        $kendo-utils-user-select: map.get( $kendo-utils, \"user-select\" ) !default;\n        @include generate-utils( user-select, user-select, $kendo-utils-user-select );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "user-select: auto;"
            }
        ],
        "group": [
            "user-select"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_user-select.scss",
            "name": "_user-select.scss"
        }
    },
    {
        "description": "This is equivalent to `user-select: text;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-user-select-text",
            "value": "@include import-once(\"utils-interactivity-user-select\") {\n\n        // User select utility classes\n        $kendo-utils-user-select: map.get( $kendo-utils, \"user-select\" ) !default;\n        @include generate-utils( user-select, user-select, $kendo-utils-user-select );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "user-select: text;"
            }
        ],
        "group": [
            "user-select"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_user-select.scss",
            "name": "_user-select.scss"
        }
    },
    {
        "description": "This is equivalent to `user-select: all;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-user-select-all",
            "value": "@include import-once(\"utils-interactivity-user-select\") {\n\n        // User select utility classes\n        $kendo-utils-user-select: map.get( $kendo-utils, \"user-select\" ) !default;\n        @include generate-utils( user-select, user-select, $kendo-utils-user-select );\n\n    }",
            "line": {
                "start": 37,
                "end": 46
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "user-select: all;"
            }
        ],
        "group": [
            "user-select"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_user-select.scss",
            "name": "_user-select.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: super;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "line": {
                "start": 49,
                "end": 49
            },
            "name": ".k-align-super"
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: super;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: baseline;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-align-baseline",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: baseline;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: top;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-align-top",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: top;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: middle;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-align-middle",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: middle;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: bottom;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-align-bottom",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: bottom;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: text-top;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-align-text-top",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: text-top;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: text-bottom;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-align-text-bottom",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: text-bottom;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `vertical-align: sub;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-align-sub",
            "value": "@include import-once(\"utils-typography-vertical-align\") {\n\n        // vertical-align utility classes\n        $kendo-utils-vertical-align: map.get( $kendo-utils, \"vertical-align\" ) !default;\n        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );\n\n    }",
            "line": {
                "start": 55,
                "end": 64
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "vertical-align: sub;"
            }
        ],
        "group": [
            "vertical-align"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_vertical-align.scss",
            "name": "_vertical-align.scss"
        }
    },
    {
        "description": "This is equivalent to `visibility: collapse;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "line": {
                "start": 19,
                "end": 19
            },
            "name": ".k-collapse"
        },
        "example": [
            {
                "type": "scss",
                "code": "visibility: collapse;"
            }
        ],
        "group": [
            "visibility"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_visibility.scss",
            "name": "_visibility.scss"
        }
    },
    {
        "description": "This is equivalent to `visibility: visble;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-visible",
            "value": "@include import-once(\"utils-layout-visibility\") {\n\n        // Visibility utility classes\n        $kendo-utils-visibility: map.get( $kendo-utils, \"visibility\" ) !default;\n        @include generate-utils( visibility, visibility, $kendo-utils-visibility );\n\n        // Legacy aliases\n        .#{$kendo-prefix}visible { @extend .#{$kendo-prefix}visibility-visible !optional; }\n        .\\!#{$kendo-prefix}visible { @extend .\\!#{$kendo-prefix}visibility-visible !optional; }\n        .#{$kendo-prefix}invisible { @extend .#{$kendo-prefix}visibility-hidden !optional; }\n        .\\!#{$kendo-prefix}invisible { @extend .\\!#{$kendo-prefix}visibility-hidden !optional; }\n\n    }",
            "line": {
                "start": 25,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "visibility: visble;"
            }
        ],
        "group": [
            "visibility"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_visibility.scss",
            "name": "_visibility.scss"
        }
    },
    {
        "description": "This is equivalent to `visibility: hidden;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-invisible",
            "value": "@include import-once(\"utils-layout-visibility\") {\n\n        // Visibility utility classes\n        $kendo-utils-visibility: map.get( $kendo-utils, \"visibility\" ) !default;\n        @include generate-utils( visibility, visibility, $kendo-utils-visibility );\n\n        // Legacy aliases\n        .#{$kendo-prefix}visible { @extend .#{$kendo-prefix}visibility-visible !optional; }\n        .\\!#{$kendo-prefix}visible { @extend .\\!#{$kendo-prefix}visibility-visible !optional; }\n        .#{$kendo-prefix}invisible { @extend .#{$kendo-prefix}visibility-hidden !optional; }\n        .\\!#{$kendo-prefix}invisible { @extend .\\!#{$kendo-prefix}visibility-hidden !optional; }\n\n    }",
            "line": {
                "start": 25,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "visibility: hidden;"
            }
        ],
        "group": [
            "visibility"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_visibility.scss",
            "name": "_visibility.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: break-spaces;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "line": {
                "start": 37,
                "end": 37
            },
            "name": ".k-white-space-break-spaces"
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: break-spaces;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: normal;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-white-space-normal",
            "value": "@include import-once(\"utils-typography-white-space\") {\n\n        // White space utility classes\n        $kendo-utils-white-space: map.get( $kendo-utils, \"white-space\" ) !default;\n\n        @include generate-utils( white-space, white-space, $kendo-utils-white-space );\n        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }\n\n    }",
            "line": {
                "start": 43,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: normal;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: nowrap;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-white-space-nowrap",
            "value": "@include import-once(\"utils-typography-white-space\") {\n\n        // White space utility classes\n        $kendo-utils-white-space: map.get( $kendo-utils, \"white-space\" ) !default;\n\n        @include generate-utils( white-space, white-space, $kendo-utils-white-space );\n        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }\n\n    }",
            "line": {
                "start": 43,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: nowrap;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: pre;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-white-space-pre",
            "value": "@include import-once(\"utils-typography-white-space\") {\n\n        // White space utility classes\n        $kendo-utils-white-space: map.get( $kendo-utils, \"white-space\" ) !default;\n\n        @include generate-utils( white-space, white-space, $kendo-utils-white-space );\n        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }\n\n    }",
            "line": {
                "start": 43,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: pre;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: pre-wrap;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-white-space-pre-wrap",
            "value": "@include import-once(\"utils-typography-white-space\") {\n\n        // White space utility classes\n        $kendo-utils-white-space: map.get( $kendo-utils, \"white-space\" ) !default;\n\n        @include generate-utils( white-space, white-space, $kendo-utils-white-space );\n        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }\n\n    }",
            "line": {
                "start": 43,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: pre-wrap;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `white-space: pre-line;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-white-space-pre-line",
            "value": "@include import-once(\"utils-typography-white-space\") {\n\n        // White space utility classes\n        $kendo-utils-white-space: map.get( $kendo-utils, \"white-space\" ) !default;\n\n        @include generate-utils( white-space, white-space, $kendo-utils-white-space );\n        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );\n\n\n        // Legacy aliases\n        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }\n\n    }",
            "line": {
                "start": 43,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "white-space: pre-line;"
            }
        ],
        "group": [
            "white-space"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "typography/_white-space.scss",
            "name": "_white-space.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: fit-content;`.\n",
        "commentRange": {
            "start": 139,
            "end": 143
        },
        "context": {
            "type": "css",
            "line": {
                "start": 145,
                "end": 145
            },
            "name": ".k-max-w-fit"
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: fit-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-w-0",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: 0;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: 1px;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-w-1px",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: 1px;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: 0.25rem;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-w-1",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: 0.25rem;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: 100%;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-w-full",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: 100%;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: 100vw;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-w-screen",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: 100vw;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: min-content;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-w-min",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: min-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: max-content;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "name": ".k-w-max",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: max-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `width: fit-content;`.\n",
        "commentRange": {
            "start": 43,
            "end": 47
        },
        "context": {
            "type": "css",
            "name": ".k-w-fit",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "width: fit-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: 0;`.\n",
        "commentRange": {
            "start": 49,
            "end": 53
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-0",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: 0;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: 1px;`.\n",
        "commentRange": {
            "start": 55,
            "end": 59
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-1px",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: 1px;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: 0.25rem;`.\n",
        "commentRange": {
            "start": 61,
            "end": 65
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-1",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: 0.25rem;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: 100%;`.\n",
        "commentRange": {
            "start": 67,
            "end": 71
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-full",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: 100%;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: 100vw;`.\n",
        "commentRange": {
            "start": 73,
            "end": 77
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-screen",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: 100vw;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: min-content;`.\n",
        "commentRange": {
            "start": 79,
            "end": 83
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-min",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: min-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: max-content;`.\n",
        "commentRange": {
            "start": 85,
            "end": 89
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-max",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: max-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `min-width: fit-content;`.\n",
        "commentRange": {
            "start": 91,
            "end": 95
        },
        "context": {
            "type": "css",
            "name": ".k-min-w-fit",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "min-width: fit-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: 0;`.\n",
        "commentRange": {
            "start": 97,
            "end": 101
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-0",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: 0;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: 1px;`.\n",
        "commentRange": {
            "start": 103,
            "end": 107
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-1px",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: 1px;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: 0.25rem;`.\n",
        "commentRange": {
            "start": 109,
            "end": 113
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-1",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: 0.25rem;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: 100%;`.\n",
        "commentRange": {
            "start": 115,
            "end": 119
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-full",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: 100%;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: 100vh;`.\n",
        "commentRange": {
            "start": 121,
            "end": 125
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-screen",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: 100vh;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: min-content;`.\n",
        "commentRange": {
            "start": 127,
            "end": 131
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-min",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: min-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `max-width: max-content;`.\n",
        "commentRange": {
            "start": 133,
            "end": 137
        },
        "context": {
            "type": "css",
            "name": ".k-max-w-max",
            "value": "@include import-once(\"utils-sizing-width\") {\n\n        // Width utility classes\n        $kendo-utils-width: map.get( $kendo-utils, \"width\" ) !default;\n        @include generate-utils( w, width, $kendo-utils-width );\n\n        // Min-width utility classes\n        $kendo-utils-min-width: map.get( $kendo-utils, \"min-width\" ) !default;\n        @include generate-utils( min-w, min-width, $kendo-utils-min-width );\n\n        // Max-width utility classes\n        $kendo-utils-max-width: map.get( $kendo-utils, \"max-width\" ) !default;\n        @include generate-utils( max-w, max-width, $kendo-utils-max-width );\n\n    }",
            "line": {
                "start": 151,
                "end": 168
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "max-width: max-content;"
            }
        ],
        "group": [
            "width"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "sizing/_width.scss",
            "name": "_width.scss"
        }
    },
    {
        "description": "This is equivalent to `will-change: transform;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "line": {
                "start": 25,
                "end": 25
            },
            "name": ".k-will-change-transform"
        },
        "example": [
            {
                "type": "scss",
                "code": "will-change: transform;"
            }
        ],
        "group": [
            "will-change"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_will-change.scss",
            "name": "_will-change.scss"
        }
    },
    {
        "description": "This is equivalent to `will-change: auto;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-will-change-auto",
            "value": "@include import-once(\"utils-interactivity-will-change\") {\n\n        // Will change utility classes\n        $kendo-utils-will-change: map.get( $kendo-utils, \"will-change\" ) !default;\n        @include generate-utils( will-change, will-change, $kendo-utils-will-change );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "will-change: auto;"
            }
        ],
        "group": [
            "will-change"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_will-change.scss",
            "name": "_will-change.scss"
        }
    },
    {
        "description": "This is equivalent to `will-change: scroll-position;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-will-change-scroll",
            "value": "@include import-once(\"utils-interactivity-will-change\") {\n\n        // Will change utility classes\n        $kendo-utils-will-change: map.get( $kendo-utils, \"will-change\" ) !default;\n        @include generate-utils( will-change, will-change, $kendo-utils-will-change );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "will-change: scroll-position;"
            }
        ],
        "group": [
            "will-change"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_will-change.scss",
            "name": "_will-change.scss"
        }
    },
    {
        "description": "This is equivalent to `will-change: contents;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-will-change-contents",
            "value": "@include import-once(\"utils-interactivity-will-change\") {\n\n        // Will change utility classes\n        $kendo-utils-will-change: map.get( $kendo-utils, \"will-change\" ) !default;\n        @include generate-utils( will-change, will-change, $kendo-utils-will-change );\n\n    }",
            "line": {
                "start": 31,
                "end": 40
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "will-change: contents;"
            }
        ],
        "group": [
            "will-change"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "interactivity/_will-change.scss",
            "name": "_will-change.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: auto;`.\n",
        "commentRange": {
            "start": 37,
            "end": 41
        },
        "context": {
            "type": "css",
            "line": {
                "start": 43,
                "end": 43
            },
            "name": ".k-z-auto"
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: auto;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 0;`.\n",
        "commentRange": {
            "start": 1,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-z-0",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 0;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 10;`.\n",
        "commentRange": {
            "start": 7,
            "end": 11
        },
        "context": {
            "type": "css",
            "name": ".k-z-10",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 10;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 20;`.\n",
        "commentRange": {
            "start": 13,
            "end": 17
        },
        "context": {
            "type": "css",
            "name": ".k-z-20",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 20;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 30;`.\n",
        "commentRange": {
            "start": 19,
            "end": 23
        },
        "context": {
            "type": "css",
            "name": ".k-z-30",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 30;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 40;`.\n",
        "commentRange": {
            "start": 25,
            "end": 29
        },
        "context": {
            "type": "css",
            "name": ".k-z-40",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 40;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    },
    {
        "description": "This is equivalent to `z-index: 50;`.\n",
        "commentRange": {
            "start": 31,
            "end": 35
        },
        "context": {
            "type": "css",
            "name": ".k-z-50",
            "value": "@include import-once(\"utils-layout-zindex\") {\n\n        // Z-index utility classes\n        $kendo-utils-zindex: map.get( $kendo-utils, \"zindex\" ) !default;\n        @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n    }",
            "line": {
                "start": 49,
                "end": 58
            }
        },
        "example": [
            {
                "type": "scss",
                "code": "z-index: 50;"
            }
        ],
        "group": [
            "zindex"
        ],
        "contextType": "css",
        "access": "public",
        "file": {
            "path": "layout/_zindex.scss",
            "name": "_zindex.scss"
        }
    }
]