{ "variables": [], "mixins": [], "functions": [], "placeholders": [], "css": [ { "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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/layout/_zindex.scss", "name": "_zindex.scss" } } ], "variableGroups": [], "meta": { "name": "utils", "friendlyName": "Theme Utils" } }