@progress/kendo-theme-utils 6.2.1-dev.8 → 6.3.0

package/scss/sizing/_width.scss

@@ -1,4 +1,146 @@
-// TODO: docs
+/// This is equivalent to `width: 0;`.
+/// @example width: 0;
+/// @name .k-w-0
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: 1px;`.
+/// @example width: 1px;
+/// @name .k-w-1px
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: 0.25rem;`.
+/// @example width: 0.25rem;
+/// @name .k-w-1
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 100%;`.
+/// @example min-width: 100%;
+/// @name .k-w-full
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: 100vw;`.
+/// @example width: 100vw;
+/// @name .k-w-screen
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: min-content;`.
+/// @example width: min-content;
+/// @name .k-w-min
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: max-content;`.
+/// @example width: max-content;
+/// @name .k-w-max
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `width: fit-content;`.
+/// @example width: fit-content;
+/// @name .k-w-fit
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 0;`.
+/// @example min-width: 0;
+/// @name .k-min-w-0
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 1px;`.
+/// @example min-width: 1px;
+/// @name .k-min-w-1px
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 0.25rem;`.
+/// @example min-width: 0.25rem;
+/// @name .k-min-w-1
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 100%;`.
+/// @example min-width: 100%;
+/// @name .k-min-w-full
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: 100vw;`.
+/// @example min-width: 100vw;
+/// @name .k-min-w-screen
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: min-content;`.
+/// @example min-width: min-content;
+/// @name .k-min-w-min
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: max-content;`.
+/// @example min-width: max-content;
+/// @name .k-min-w-max
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `min-width: fit-content;`.
+/// @example min-width: fit-content;
+/// @name .k-min-w-fit
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: 0;`.
+/// @example max-width: 0;
+/// @name .k-max-w-0
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: 1px;`.
+/// @example max-width: 1px;
+/// @name .k-max-w-1px
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: 0.25rem;`.
+/// @example max-width: 0.25rem;
+/// @name .k-max-w-1
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: 100%;`.
+/// @example max-width: 100%;
+/// @name .k-max-w-full
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: 100vh;`.
+/// @example max-width: 100vh;
+/// @name .k-max-w-screen
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: min-content;`.
+/// @example max-width: min-content;
+/// @name .k-max-w-min
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: max-content;`.
+/// @example max-width: max-content;
+/// @name .k-max-w-max
+/// @group width
+/// @contextType css
+
+/// This is equivalent to `max-width: fit-content;`.
+/// @example max-width: fit-content;
+/// @name .k-max-w-fit
+/// @group width
+/// @contextType css
 
 @mixin kendo-utils--sizing--width() {
 

package/scss/spacing/_margin.scss

@@ -1,4 +1,548 @@
-// TODO: docs
+/// This is equivalent to `margin: 0;`.
+/// @example margin: 0;
+/// @name .k-m-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 1px;`.
+/// @example margin: 1px;
+/// @name .k-m-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 0.25rem;`.
+/// @example margin: 0.25rem;
+/// @name .k-m-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: -1px;`.
+/// @example margin: -1px;
+/// @name .k-m--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: -0.25rem;`.
+/// @example margin: -0.25rem;
+/// @name .k-m--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 0.25rem;`.
+/// @example margin: 0.25rem;
+/// @name .k-m-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 0.5rem;`.
+/// @example margin: 0.5rem;
+/// @name .k-m-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 0.75rem;`.
+/// @example margin: 0.75rem;
+/// @name .k-m-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 1rem;`.
+/// @example margin: 1rem;
+/// @name .k-m-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 1.5rem;`.
+/// @example margin: 1.5rem;
+/// @name .k-m-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 0.125rem;`.
+/// @example margin: 0.125rem;
+/// @name .k-m-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: 1px;`.
+/// @example margin: 1px;
+/// @name .k-m-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin: auto;`.
+/// @example margin: auto;
+/// @name .k-m-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0;`.
+/// @example margin-top: 0;
+/// @name .k-mt-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 1px;`.
+/// @example margin-top: 1px;
+/// @name .k-mt-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0.25rem;`.
+/// @example margin-top: 0.25rem;
+/// @name .k-mt-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: -1px;`.
+/// @example margin-top: -1px;
+/// @name .k-mt--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: -0.25rem;`.
+/// @example margin-top: -0.25rem;
+/// @name .k-mt--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0.25rem;`.
+/// @example margin-top: 0.25rem;
+/// @name .k-mt-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0.5rem;`.
+/// @example margin-top: 0.5rem;
+/// @name .k-mt-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0.75rem;`.
+/// @example margin-top: 0.75rem;
+/// @name .k-mt-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 1rem;`.
+/// @example margin-top: 1rem;
+/// @name .k-mt-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 1.5rem;`.
+/// @example margin-top: 1.5rem;
+/// @name .k-mt-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 0.125rem;`.
+/// @example margin-top: 0.125rem;
+/// @name .k-mt-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: 1px;`.
+/// @example margin-top: 1px;
+/// @name .k-mt-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-top: auto;`.
+/// @example margin-top: auto;
+/// @name .k-mt-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0;`.
+/// @example margin-right: 0;
+/// @name .k-mr-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 1px;`.
+/// @example margin-right: 1px;
+/// @name .k-mr-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0.25rem;`.
+/// @example margin-right: 0.25rem;
+/// @name .k-mr-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: -1px;`.
+/// @example margin-right: -1px;
+/// @name .k-mr--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: -0.25rem;`.
+/// @example margin-right: -0.25rem;
+/// @name .k-mr--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0.25rem;`.
+/// @example margin-right: 0.25rem;
+/// @name .k-mr-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0.5rem;`.
+/// @example margin-right: 0.5rem;
+/// @name .k-mr-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0.75rem;`.
+/// @example margin-right: 0.75rem;
+/// @name .k-mr-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 1rem;`.
+/// @example margin-right: 1rem;
+/// @name .k-mr-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 1.5rem;`.
+/// @example margin-right: 1.5rem;
+/// @name .k-mr-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 0.125rem;`.
+/// @example margin-right: 0.125rem;
+/// @name .k-mr-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: 1px;`.
+/// @example margin-right: 1px;
+/// @name .k-mr-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-right: auto;`.
+/// @example margin-right: auto;
+/// @name .k-mr-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0;`.
+/// @example margin-bottom: 0;
+/// @name .k-mb-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 1px;`.
+/// @example margin-bottom: 1px;
+/// @name .k-mb-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0.25rem;`.
+/// @example margin-bottom: 0.25rem;
+/// @name .k-mb-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: -1px;`.
+/// @example margin-bottom: -1px;
+/// @name .k-mb--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: -0.25rem;`.
+/// @example margin-bottom: -0.25rem;
+/// @name .k-mb--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0.25rem;`.
+/// @example margin-bottom: 0.25rem;
+/// @name .k-mb-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0.5rem;`.
+/// @example margin-bottom: 0.5rem;
+/// @name .k-mb-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0.75rem;`.
+/// @example margin-bottom: 0.75rem;
+/// @name .k-mb-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 1rem;`.
+/// @example margin-bottom: 1rem;
+/// @name .k-mb-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 1.5rem;`.
+/// @example margin-bottom: 1.5rem;
+/// @name .k-mb-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 0.125rem;`.
+/// @example margin-bottom: 0.125rem;
+/// @name .k-mb-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: 1px;`.
+/// @example margin-bottom: 1px;
+/// @name .k-mb-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-bottom: auto;`.
+/// @example margin-bottom: auto;
+/// @name .k-mb-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0;`.
+/// @example margin-left: 0;
+/// @name .k-ml-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 1px;`.
+/// @example margin-left: 1px;
+/// @name .k-ml-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0.25rem;`.
+/// @example margin-left: 0.25rem;
+/// @name .k-ml-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: -1px;`.
+/// @example margin-left: -1px;
+/// @name .k-ml--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: -0.25rem;`.
+/// @example margin-left: -0.25rem;
+/// @name .k-ml--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0.25rem;`.
+/// @example margin-left: 0.25rem;
+/// @name .k-ml-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0.5rem;`.
+/// @example margin-left: 0.5rem;
+/// @name .k-ml-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0.75rem;`.
+/// @example margin-left: 0.75rem;
+/// @name .k-ml-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 1rem;`.
+/// @example margin-left: 1rem;
+/// @name .k-ml-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 1.5rem;`.
+/// @example margin-left: 1.5rem;
+/// @name .k-ml-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 0.125rem;`.
+/// @example margin-left: 0.125rem;
+/// @name .k-ml-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: 1px;`.
+/// @example margin-left: 1px;
+/// @name .k-ml-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-left: auto;`.
+/// @example margin-left: auto;
+/// @name .k-ml-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0;`.
+/// @example margin-inline: 0;
+/// @name .k-mx-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 1px;`.
+/// @example margin-inline: 1px;
+/// @name .k-mx-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0.25rem;`.
+/// @example margin-inline: 0.25rem;
+/// @name .k-mx-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: -1px;`.
+/// @example margin-inline: -1px;
+/// @name .k-mx--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: -0.25rem;`.
+/// @example margin-inline: -0.25rem;
+/// @name .k-mx--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0.25rem;`.
+/// @example margin-inline: 0.25rem;
+/// @name .k-mx-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0.5rem;`.
+/// @example margin-inline: 0.5rem;
+/// @name .k-mx-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0.75rem;`.
+/// @example margin-inline: 0.75rem;
+/// @name .k-mx-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 1rem;`.
+/// @example margin-inline: 1rem;
+/// @name .k-mx-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 1.5rem;`.
+/// @example margin-inline: 1.5rem;
+/// @name .k-mx-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 0.125rem;`.
+/// @example margin-inline: 0.125rem;
+/// @name .k-mx-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: 1px;`.
+/// @example margin-inline: 1px;
+/// @name .k-mx-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-inline: auto;`.
+/// @example margin-inline: auto;
+/// @name .k-mx-auto
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0;`.
+/// @example margin-block: 0;
+/// @name .k-my-0
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 1px;`.
+/// @example margin-block: 1px;
+/// @name .k-my-1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0.25rem;`.
+/// @example margin-block: 0.25rem;
+/// @name .k-my-1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: -1px;`.
+/// @example margin-block: -1px;
+/// @name .k-my--1px
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: -0.25rem;`.
+/// @example margin-block: -0.25rem;
+/// @name .k-my--1
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0.25rem;`.
+/// @example margin-block: 0.25rem;
+/// @name .k-my-xs
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0.5rem;`.
+/// @example margin-block: 0.5rem;
+/// @name .k-my-sm
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0.75rem;`.
+/// @example margin-block: 0.75rem;
+/// @name .k-my-md
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 1rem;`.
+/// @example margin-block: 1rem;
+/// @name .k-my-lg
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 1.5rem;`.
+/// @example margin-block: 1.5rem;
+/// @name .k-my-xl
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 0.125rem;`.
+/// @example margin-block: 0.125rem;
+/// @name .k-my-thin
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: 1px;`.
+/// @example margin-block: 1px;
+/// @name .k-my-hair
+/// @group margin
+/// @contextType css
+
+/// This is equivalent to `margin-block: auto;`.
+/// @example margin-block: auto;
+/// @name .k-my-auto
+/// @group margin
+/// @contextType css
 
 @mixin kendo-utils--spacing--margin() {