@progress/kendo-theme-utils 6.2.1-dev.0 → 6.2.1-dev.151

package/scss/border/_border-radius.scss

@@ -1,4 +1,326 @@
-// TODO: docs
+/// This is equivalent to `border-radius: 0.25rem;`.
+/// @example border-radius: 0.25rem;
+/// @name .k-rounded
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-radius: 0;`.
+/// @example border-radius: 0;
+/// @name .k-rounded-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-radius: 0.125rem;`.
+/// @example border-radius: 0.125rem;
+/// @name .k-rounded-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-radius: 0.25rem;`.
+/// @example border-radius: 0.25rem;
+/// @name .k-rounded-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-radius: 0.5rem;`.
+/// @example border-radius: 0.5rem;
+/// @name .k-rounded-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-radius: 9999px;`.
+/// @example border-radius: 9999px;
+/// @name .k-rounded-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 0.25rem;`.
+/// @example border-top-left-radius: 0.25rem;
+/// @name .k-rounded-tl
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 0;`.
+/// @example border-top-left-radius: 0;
+/// @name .k-rounded-tl-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 0.125rem;`.
+/// @example border-top-left-radius: 0.125rem;
+/// @name .k-rounded-tl-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 0.25rem;`.
+/// @example border-top-left-radius: 0.25rem;
+/// @name .k-rounded-tl-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 0.5rem;`.
+/// @example border-top-left-radius: 0.5rem;
+/// @name .k-rounded-tl-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-left-radius: 9999px;`.
+/// @example border-top-left-radius: 9999px;
+/// @name .k-rounded-tl-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 0.25rem;`.
+/// @example border-top-right-radius: 0.25rem;
+/// @name .k-rounded-tr
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 0;`.
+/// @example border-top-right-radius: 0;
+/// @name .k-rounded-tr-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 0.125rem;`.
+/// @example border-top-right-radius: 0.125rem;
+/// @name .k-rounded-tr-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 0.25rem;`.
+/// @example border-top-right-radius: 0.25rem;
+/// @name .k-rounded-tr-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 0.5rem;`.
+/// @example border-top-right-radius: 0.5rem;
+/// @name .k-rounded-tr-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-right-radius: 9999px;`.
+/// @example border-top-right-radius: 9999px;
+/// @name .k-rounded-tr-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 0.25rem;`.
+/// @example border-bottom-right-radius: 0.25rem;
+/// @name .k-rounded-br
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 0;`.
+/// @example border-bottom-right-radius: 0;
+/// @name .k-rounded-br-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 0.125rem;`.
+/// @example border-bottom-right-radius: 0.125rem;
+/// @name .k-rounded-br-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 0.25rem;`.
+/// @example border-bottom-right-radius: 0.25rem;
+/// @name .k-rounded-br-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 0.5rem;`.
+/// @example border-bottom-right-radius: 0.5rem;
+/// @name .k-rounded-br-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 9999px;`.
+/// @example border-bottom-right-radius: 9999px;
+/// @name .k-rounded-br-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-left-radius: 0.25rem;`.
+/// @example border-bottom-left-radius: 0.25rem;
+/// @name .k-rounded-bl
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-left-radius: 0;`.
+/// @example border-bottom-left-radius: 0;
+/// @name .k-rounded-bl-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-left-radius: 0.125rem;`.
+/// @example border-bottom-left-radius: 0.125rem;
+/// @name .k-rounded-bl-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-left-radius: 0.25rem;`.
+/// @example border-bottom-left-radius: 0.25rem;
+/// @name .k-rounded-bl-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-left-radius: 0.5rem;`.
+/// @example border-bottom-left-radius: 0.5rem;
+/// @name .k-rounded-bl-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-right-radius: 9999px;`.
+/// @example border-bottom-right-radius: 9999px;
+/// @name .k-rounded-bl-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 0.25rem;`.
+/// @example border-top-radius: 0.25rem;
+/// @name .k-rounded-t
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 0;`.
+/// @example border-top-radius: 0;
+/// @name .k-rounded-t-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 0.125rem;`.
+/// @example border-top-radius: 0.125rem;
+/// @name .k-rounded-t-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 0.25rem;`.
+/// @example border-top-radius: 0.25rem;
+/// @name .k-rounded-t-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 0.5rem;`.
+/// @example border-top-radius: 0.5rem;
+/// @name .k-rounded-t-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-top-radius: 9999px;`.
+/// @example border-top-radius: 9999px;
+/// @name .k-rounded-t-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 0.25rem;`.
+/// @example border-right-radius: 0.25rem;
+/// @name .k-rounded-r
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 0;`.
+/// @example border-right-radius: 0;
+/// @name .k-rounded-r-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 0.125rem;`.
+/// @example border-right-radius: 0.125rem;
+/// @name .k-rounded-r-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 0.25rem;`.
+/// @example border-right-radius: 0.25rem;
+/// @name .k-rounded-r-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 0.5rem;`.
+/// @example border-right-radius: 0.5rem;
+/// @name .k-rounded-r-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-right-radius: 9999px;`.
+/// @example border-right-radius: 9999px;
+/// @name .k-rounded-r-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 0.25rem;`.
+/// @example border-bottom-radius: 0.25rem;
+/// @name .k-rounded-b
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 0;`.
+/// @example border-bottom-radius: 0;
+/// @name .k-rounded-b-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 0.125rem;`.
+/// @example border-bottom-radius: 0.125rem;
+/// @name .k-rounded-b-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 0.25rem;`.
+/// @example border-bottom-radius: 0.25rem;
+/// @name .k-rounded-b-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 0.5rem;`.
+/// @example border-bottom-radius: 0.5rem;
+/// @name .k-rounded-b-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-bottom-radius: 9999px;`.
+/// @example border-bottom-radius: 9999px;
+/// @name .k-rounded-b-full
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 0.25rem;`.
+/// @example border-left-radius: 0.25rem;
+/// @name .k-rounded-l
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 0;`.
+/// @example border-left-radius: 0;
+/// @name .k-rounded-l-0
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 0.125rem;`.
+/// @example border-left-radius: 0.125rem;
+/// @name .k-rounded-l-sm
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 0.25rem;`.
+/// @example border-left-radius: 0.25rem;
+/// @name .k-rounded-l-md
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 0.5rem;`.
+/// @example border-left-radius: 0.5rem;
+/// @name .k-rounded-l-lg
+/// @group border-radius
+/// @contextType css
+
+/// This is equivalent to `border-left-radius: 9999px;`.
+/// @example border-left-radius: 9999px;
+/// @name .k-rounded-l-full
+/// @group border-radius
+/// @contextType css
 
 @mixin kendo-utils--border--border-radius() {
 

package/scss/border/_border-style.scss

@@ -1,4 +1,249 @@
-// TODO: docs
+/// This is equivalent to `border-style: solid;`.
+/// @example border-style: solid;
+/// @name .k-border-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-style: dashed;`.
+/// @example border-style: dashed;
+/// @name .k-border-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-style: dotted;`.
+/// @example border-style: dotted;
+/// @name .k-border-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-style: double;`.
+/// @example border-style: double;
+/// @name .k-border-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-style: hidden;`.
+/// @example border-style: hidden;
+/// @name .k-border-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-style: none;`.
+/// @example border-style: none;
+/// @name .k-border-none
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: solid;`.
+/// @example border-top-style: solid;
+/// @name .k-border-t-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: dashed;`.
+/// @example border-top-style: dashed;
+/// @name .k-border-t-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: dotted;`.
+/// @example border-top-style: dotted;
+/// @name .k-border-t-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: double;`.
+/// @example border-top-style: double;
+/// @name .k-border-t-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: hidden;`.
+/// @example border-top-style: hidden;
+/// @name .k-border-t-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-top-style: none;`.
+/// @example border-top-style: none;
+/// @name .k-border-t-none
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: solid;`.
+/// @example border-right-style: solid;
+/// @name .k-border-r-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: dashed;`.
+/// @example border-right-style: dashed;
+/// @name .k-border-r-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: dotted;`.
+/// @example border-right-style: dotted;
+/// @name .k-border-r-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: double;`.
+/// @example border-right-style: double;
+/// @name .k-border-r-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: hidden;`.
+/// @example border-right-style: hidden;
+/// @name .k-border-r-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-right-style: none;`.
+/// @example border-right-style: none;
+/// @name .k-border-r-none
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: solid;`.
+/// @example border-bottom-style: solid;
+/// @name .k-border-b-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: dashed;`.
+/// @example border-bottom-style: dashed;
+/// @name .k-border-b-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: dotted;`.
+/// @example border-bottom-style: dotted;
+/// @name .k-border-b-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: double;`.
+/// @example border-bottom-style: double;
+/// @name .k-border-b-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: hidden;`.
+/// @example border-bottom-style: hidden;
+/// @name .k-border-b-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-bottom-style: none;`.
+/// @example border-bottom-style: none;
+/// @name .k-border-b-none
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-left-style: solid;`.
+/// @example border-left-style: solid;
+/// @name .k-border-l-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-left-style: dashed;`.
+/// @example border-left-style: dashed;
+/// @name .k-border-l-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-left-style: dotted;`.
+/// @example border-left-style: dotted;
+/// @name .k-border-l-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-left-style: double;`.
+/// @example border-left-style: double;
+/// @name .k-border-l-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-left-style: hidden;`.
+/// @example border-left-style: hidden;
+/// @name .k-border-l-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: solid;`.
+/// @example border-inline-style: solid;
+/// @name .k-border-x-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: dashed;`.
+/// @example border-inline-style: dashed;
+/// @name .k-border-x-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: dotted;`.
+/// @example border-inline-style: dotted;
+/// @name .k-border-x-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: double;`.
+/// @example border-inline-style: double;
+/// @name .k-border-x-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: hidden;`.
+/// @example border-inline-style: hidden;
+/// @name .k-border-x-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-inline-style: none;`.
+/// @example border-inline-style: none;
+/// @name .k-border-x-none
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: solid;`.
+/// @example border-block-style: solid;
+/// @name .k-border-y-solid
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: dashed;`.
+/// @example border-block-style: dashed;
+/// @name .k-border-y-dashed
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: dotted;`.
+/// @example border-block-style: dotted;
+/// @name .k-border-y-dotted
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: double;`.
+/// @example border-block-style: double;
+/// @name .k-border-y-double
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: hidden;`.
+/// @example border-block-style: hidden;
+/// @name .k-border-y-hidden
+/// @group border-style
+/// @contextType css
+
+/// This is equivalent to `border-block-style: none;`.
+/// @example border-block-style: none;
+/// @name .k-border-y-none
+/// @group border-style
+/// @contextType css
+
 
 @mixin kendo-utils--border--border-style() {