Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ef33586
commit f4b9aa2
Showing
9 changed files
with
1,060 additions
and
94 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,59 +1,232 @@ | ||
| // Breadcrumb | ||
|
|
||
| /// The width of the border around the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-border-width: 0px !default; | ||
|
|
||
| /// The horizontal margin of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-margin-x: null !default; | ||
| /// The vertical margin of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-margin-y: null !default; | ||
|
|
||
| /// The horizontal padding of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-padding-x: null !default; | ||
| /// The vertical padding of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-padding-y: null !default; | ||
| $kendo-breadcrumb-border-width: 0px !default; | ||
|
|
||
| /// The font family of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-font-family: $kendo-font-family !default; | ||
|
|
||
| /// The font size of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-font-size: $kendo-font-size-md !default; | ||
| /// The font size of the small Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-font-size: $kendo-font-size-sm !default; | ||
| /// The font size of the medium Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default; | ||
| /// The font size of the large Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-font-size: $kendo-font-size-md !default; | ||
|
|
||
| /// The line-height of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-line-height: $kendo-line-height-md !default; | ||
| /// The line-height of the small Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-line-height: k-math-div( 20, 14 ) !default; | ||
| /// The line-height of the medium Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default; | ||
| /// The line-height of the height Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-line-height: $kendo-line-height-md !default; | ||
|
|
||
| /// The base background of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-bg: $kendo-component-bg !default; | ||
| /// The base text color of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-text: $kendo-component-text !default; | ||
| /// The base border color of the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-border: $kendo-component-border !default; | ||
|
|
||
| /// The box shadow of the focused Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default; | ||
|
|
||
| /// The horizontal padding of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default; | ||
| /// The horizontal padding of the small Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default; | ||
| /// The horizontal padding of the medium Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default; | ||
| /// The horizontal padding of the large Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 3 ) !default; | ||
|
|
||
| /// The vertical padding of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default; | ||
| /// The vertical padding of the small Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default; | ||
| /// The vertical padding of the medium Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default; | ||
| /// The vertical padding of the large Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default; | ||
|
|
||
| /// The border-radius of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default; | ||
|
|
||
| $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default; | ||
| $kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default; | ||
| /// The vertical padding of the Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default; | ||
| /// The vertical padding of the small Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default; | ||
| /// The vertical padding of the medium Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default; | ||
| /// The vertical padding of the large Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3.5 ) !default; | ||
|
|
||
| $kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default; | ||
| $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default; | ||
| /// The horizontal padding of the Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default; | ||
| /// The horizontal padding of the small Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default; | ||
| /// The horizontal padding of the medium Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default; | ||
| /// The horizontal padding of the large Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default; | ||
|
|
||
| /// The text color of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-initial-text: inherit !default; | ||
| /// The spacing of the Breadcrumb link icon. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default; | ||
|
|
||
| /// The background color of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-bg: null !default; | ||
| /// The text color of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-text: $kendo-link-text !default; | ||
| /// The border color of the Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-border: null !default; | ||
|
|
||
| /// The background color of the hovered Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-hover-bg: null !default; | ||
| /// The text color of the hovered Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default; | ||
| /// The border color of the hovered Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-hover-border: null !default; | ||
|
|
||
| /// The background color of the focused Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-focus-bg: null !default; | ||
| /// The text color of the focused Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-focus-text: null !default; | ||
| /// The border color of the focused Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-focus-border: null !default; | ||
| /// The box shadow of the focused Breadcrumb link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 ) !default; | ||
|
|
||
| /// The background color of the Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-bg: null !default; | ||
| /// The text color of the Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-text: $kendo-link-text !default; | ||
| /// The border color of the Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-border: null !default; | ||
|
|
||
| /// The background color of the hovered Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-hover-bg: null !default; | ||
| /// The text color of the hovered Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-hover-text: $kendo-link-hover-text !default; | ||
| /// The border color of the hovered Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-hover-border: null !default; | ||
|
|
||
| /// The background color of the focused Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-focus-bg: null !default; | ||
| /// The text color of the focused Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-focus-text: null !default; | ||
| /// The border color of the focused Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-focus-border: null !default; | ||
| /// The box shadow of the focused Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default; | ||
|
|
||
| /// The background color of the current Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-current-item-bg: null !default; | ||
| /// The text color of the current Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-current-item-text: $kendo-color-secondary !default; | ||
| /// The border color of the current Breadcrumb root link. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-current-item-border: null !default; | ||
|
|
||
| $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default; | ||
|
|
||
| /// The sizes map for the Breadcrumb. | ||
| /// @group breadcrumb | ||
| $kendo-breadcrumb-sizes: ( | ||
| sm: ( | ||
| link-padding-x: $kendo-breadcrumb-sm-link-padding-x, | ||
| link-padding-y: $kendo-breadcrumb-sm-link-padding-y, | ||
| icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x, | ||
| icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y, | ||
| font-size: $kendo-breadcrumb-sm-font-size, | ||
| line-height: $kendo-breadcrumb-sm-line-height | ||
| ), | ||
| md: ( | ||
| link-padding-x: $kendo-breadcrumb-md-link-padding-x, | ||
| link-padding-y: $kendo-breadcrumb-md-link-padding-y, | ||
| icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x, | ||
| icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y, | ||
| font-size: $kendo-breadcrumb-md-font-size, | ||
| line-height: $kendo-breadcrumb-md-line-height | ||
| ), | ||
| lg: ( | ||
| link-padding-x: $kendo-breadcrumb-lg-link-padding-x, | ||
| link-padding-y: $kendo-breadcrumb-lg-link-padding-y, | ||
| icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x, | ||
| icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y, | ||
| font-size: $kendo-breadcrumb-lg-font-size, | ||
| line-height: $kendo-breadcrumb-lg-line-height | ||
| ) | ||
| ) !default; |
Oops, something went wrong.