@progress/kendo-theme-classic 6.4.0-dev.1 → 6.4.0-dev.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +49 -103
- package/dist/all.scss +401 -245
- package/dist/meta/sassdoc-data.json +18181 -11845
- package/dist/meta/sassdoc-raw-data.json +9208 -6283
- package/dist/meta/variables.json +14 -58
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +7 -6
- package/scss/action-sheet/_variables.scss +0 -2
- package/scss/avatar/_variables.scss +6 -6
- package/scss/badge/_variables.scss +38 -8
- package/scss/bottom-navigation/_variables.scss +0 -1
- package/scss/breadcrumb/_variables.scss +0 -2
- package/scss/button/_variables.scss +4 -4
- package/scss/drawer/_variables.scss +1 -2
- package/scss/dropdowntree/_variables.scss +5 -0
- package/scss/dropzone/_variables.scss +0 -1
- package/scss/fab/_variables.scss +40 -28
- package/scss/filemanager/_variables.scss +0 -2
- package/scss/floating-label/_variables.scss +31 -0
- package/scss/forms/_variables.scss +90 -4
- package/scss/grid/_variables.scss +3 -3
- package/scss/list/_variables.scss +8 -0
- package/scss/map/_variables.scss +0 -1
- package/scss/menu-button/_variables.scss +1 -1
- package/scss/pager/_variables.scss +57 -33
- package/scss/pdf-viewer/_variables.scss +0 -1
- package/scss/rating/_variables.scss +0 -2
- package/scss/scrollview/_variables.scss +0 -1
- package/scss/splitter/_variables.scss +1 -2
- package/scss/toolbar/_variables.scss +35 -17
- package/scss/treeview/_variables.scss +56 -32
- package/scss/upload/_variables.scss +0 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "6.4.0-dev.
|
|
4
|
+
"version": "6.4.0-dev.3",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"scripts": {
|
|
40
40
|
"build": "sass-build",
|
|
41
41
|
"sass": "sass-build",
|
|
42
|
+
"sass:standalone": "sass-build -c sass-standalone.config.js",
|
|
42
43
|
"docs": "node ../../scripts/sassdoc.js",
|
|
43
44
|
"predocs": "npm run resolve-variables",
|
|
44
45
|
"resolve-variables": "node ../../scripts/resolve-variables.js",
|
|
@@ -48,10 +49,10 @@
|
|
|
48
49
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
49
50
|
},
|
|
50
51
|
"dependencies": {
|
|
51
|
-
"@progress/kendo-font-icons": "1.
|
|
52
|
-
"@progress/kendo-theme-core": "6.4.0-dev.
|
|
53
|
-
"@progress/kendo-theme-default": "6.4.0-dev.
|
|
54
|
-
"@progress/kendo-theme-utils": "6.4.0-dev.
|
|
52
|
+
"@progress/kendo-font-icons": "1.5.0",
|
|
53
|
+
"@progress/kendo-theme-core": "6.4.0-dev.3",
|
|
54
|
+
"@progress/kendo-theme-default": "6.4.0-dev.3",
|
|
55
|
+
"@progress/kendo-theme-utils": "6.4.0-dev.3"
|
|
55
56
|
},
|
|
56
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "49c493e6e14a9c9f6e3e1c41d3219c7ff10f8527"
|
|
57
58
|
}
|
|
@@ -47,8 +47,6 @@ $kendo-actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
47
47
|
$kendo-actionsheet-item-border-width: 1px !default;
|
|
48
48
|
$kendo-actionsheet-item-spacing: 12px !default;
|
|
49
49
|
|
|
50
|
-
$kendo-actionsheet-item-icon-size: null !default;
|
|
51
|
-
|
|
52
50
|
$kendo-actionsheet-item-title-font-weight: null !default;
|
|
53
51
|
$kendo-actionsheet-item-title-text-transform: null !default;
|
|
54
52
|
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
// Avatar
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The border width of the Avatar.
|
|
4
4
|
/// @group avatar
|
|
5
5
|
$kendo-avatar-border-width: 1px !default;
|
|
6
6
|
|
|
7
|
-
///
|
|
7
|
+
/// The font family of the Avatar.
|
|
8
8
|
/// @group avatar
|
|
9
9
|
$kendo-avatar-font-family: $kendo-font-family !default;
|
|
10
|
-
///
|
|
10
|
+
/// The font size of the Avatar.
|
|
11
11
|
/// @group avatar
|
|
12
12
|
$kendo-avatar-font-size: $kendo-font-size-md !default;
|
|
13
|
-
///
|
|
13
|
+
/// The line height of the Avatar.
|
|
14
14
|
/// @group avatar
|
|
15
15
|
$kendo-avatar-line-height: $kendo-line-height-md !default;
|
|
16
16
|
|
|
17
|
-
/// The sizes of the
|
|
17
|
+
/// The sizes map of the Avatar.
|
|
18
18
|
/// @group avatar
|
|
19
19
|
$kendo-avatar-sizes: (
|
|
20
20
|
sm: k-map-get( $kendo-spacing, 4 ),
|
|
@@ -22,6 +22,6 @@ $kendo-avatar-sizes: (
|
|
|
22
22
|
lg: k-map-get( $kendo-spacing, 16 )
|
|
23
23
|
) !default;
|
|
24
24
|
|
|
25
|
-
///
|
|
25
|
+
/// The theme colors map of the Avatar.
|
|
26
26
|
/// @group avatar
|
|
27
27
|
$kendo-avatar-theme-colors: $kendo-theme-colors !default;
|
|
@@ -1,50 +1,80 @@
|
|
|
1
1
|
// Badge
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The width of the border around the Badge.
|
|
4
4
|
/// @group badge
|
|
5
5
|
$kendo-badge-border-width: 1px !default;
|
|
6
6
|
|
|
7
|
-
///
|
|
7
|
+
/// The border radius of the Badge.
|
|
8
8
|
/// @group badge
|
|
9
9
|
$kendo-badge-border-radius: $kendo-border-radius-md !default;
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
///
|
|
12
|
+
/// The horizontal padding of the Badge.
|
|
13
13
|
/// @group badge
|
|
14
14
|
$kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
15
|
+
/// The horizontal padding of the small Badge.
|
|
16
|
+
/// @group badge
|
|
15
17
|
$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
18
|
+
/// The horizontal padding of the medium Badge.
|
|
19
|
+
/// @group badge
|
|
16
20
|
$kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
21
|
+
/// The horizontal padding of the large Badge.
|
|
22
|
+
/// @group badge
|
|
17
23
|
$kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
18
24
|
|
|
19
|
-
///
|
|
25
|
+
/// The vertical padding of the Badge.
|
|
20
26
|
/// @group badge
|
|
21
27
|
$kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
28
|
+
/// The vertical padding of the small Badge.
|
|
29
|
+
/// @group badge
|
|
22
30
|
$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
31
|
+
/// The vertical padding of the medium Badge.
|
|
32
|
+
/// @group badge
|
|
23
33
|
$kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
34
|
+
/// The vertical padding of the large Badge.
|
|
35
|
+
/// @group badge
|
|
24
36
|
$kendo-badge-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
25
37
|
|
|
26
|
-
///
|
|
38
|
+
/// The font sizes of the Badge.
|
|
27
39
|
/// @group badge
|
|
28
40
|
$kendo-badge-font-size: $kendo-font-size-xs !default;
|
|
41
|
+
/// The font size of the small Badge.
|
|
42
|
+
/// @group badge
|
|
29
43
|
$kendo-badge-sm-font-size: $kendo-font-size-xs !default;
|
|
44
|
+
/// The font size of the medium Badge.
|
|
45
|
+
/// @group badge
|
|
30
46
|
$kendo-badge-md-font-size: $kendo-font-size-xs !default;
|
|
47
|
+
/// The font size of the large Badge.
|
|
48
|
+
/// @group badge
|
|
31
49
|
$kendo-badge-lg-font-size: $kendo-font-size-xs !default;
|
|
32
50
|
|
|
33
|
-
///
|
|
51
|
+
/// The line heights used along with the $kendo-font-size variable.
|
|
34
52
|
/// @group badge
|
|
35
53
|
$kendo-badge-line-height: 1 !default;
|
|
54
|
+
/// The line height used along with the $kendo-font-size variable of the small Badge.
|
|
55
|
+
/// @group badge
|
|
36
56
|
$kendo-badge-sm-line-height: $kendo-badge-line-height !default;
|
|
57
|
+
/// The line height used along with the $kendo-font-size variable of the medium Badge.
|
|
58
|
+
/// @group badge
|
|
37
59
|
$kendo-badge-md-line-height: $kendo-badge-line-height !default;
|
|
60
|
+
/// The line height used along with the $kendo-font-size variable of the large Badge.
|
|
61
|
+
/// @group badge
|
|
38
62
|
$kendo-badge-lg-line-height: $kendo-badge-line-height !default;
|
|
39
63
|
|
|
40
|
-
///
|
|
64
|
+
/// The calculated minimum width of the circular Badge.
|
|
41
65
|
/// @group badge
|
|
42
66
|
$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
|
|
67
|
+
/// The calculated minimum width of the small circular Badge.
|
|
68
|
+
/// @group badge
|
|
43
69
|
$kendo-badge-sm-min-width: calc( #{$kendo-badge-sm-line-height * 1em} + #{$kendo-badge-sm-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
70
|
+
/// The calculated minimum width of the medium circular Badge.
|
|
71
|
+
/// @group badge
|
|
44
72
|
$kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + #{$kendo-badge-md-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
73
|
+
/// The calculated minimum width of the large circular Badge.
|
|
74
|
+
/// @group badge
|
|
45
75
|
$kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + #{$kendo-badge-lg-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
46
76
|
|
|
47
|
-
///
|
|
77
|
+
/// The sizes map for the Badge.
|
|
48
78
|
/// @group badge
|
|
49
79
|
$kendo-badge-sizes: (
|
|
50
80
|
sm: (
|
|
@@ -19,7 +19,6 @@ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
19
19
|
|
|
20
20
|
$kendo-bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
21
21
|
$kendo-bottom-nav-item-icon-margin-x: $kendo-bottom-nav-item-icon-margin-y !default;
|
|
22
|
-
$kendo-bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
|
|
23
22
|
$kendo-bottom-nav-item-disabled-opacity: .5 !default;
|
|
24
23
|
|
|
25
24
|
$kendo-bottom-nav-shadow: 0px 0px 5px rgba( black, .12 ) !default;
|
|
@@ -14,8 +14,6 @@ $kendo-breadcrumb-bg: $kendo-component-bg !default;
|
|
|
14
14
|
$kendo-breadcrumb-text: $kendo-component-text !default;
|
|
15
15
|
$kendo-breadcrumb-border: $kendo-component-border !default;
|
|
16
16
|
|
|
17
|
-
$kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
|
|
18
|
-
|
|
19
17
|
$kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
20
18
|
$kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
21
19
|
$kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
|
|
@@ -51,16 +51,16 @@ $kendo-button-md-font-size: $kendo-font-size-md !default;
|
|
|
51
51
|
/// @group button
|
|
52
52
|
$kendo-button-lg-font-size: $kendo-font-size-lg !default;
|
|
53
53
|
|
|
54
|
-
/// The line height used along with $kendo-font-size.
|
|
54
|
+
/// The line height used along with the $kendo-font-size variable.
|
|
55
55
|
/// @group button
|
|
56
56
|
$kendo-button-line-height: $kendo-line-height-md !default;
|
|
57
|
-
/// The line height used along with the $kendo-font-size of the small Button.
|
|
57
|
+
/// The line height used along with the $kendo-font-size variable of the small Button.
|
|
58
58
|
/// @group button
|
|
59
59
|
$kendo-button-sm-line-height: $kendo-line-height-md !default;
|
|
60
|
-
/// The line height used along with the $kendo-font-size of the medium Button.
|
|
60
|
+
/// The line height used along with the $kendo-font-size variable of the medium Button.
|
|
61
61
|
/// @group button
|
|
62
62
|
$kendo-button-md-line-height: $kendo-line-height-md !default;
|
|
63
|
-
/// The line height used along with the $kendo-font-size of the large Button.
|
|
63
|
+
/// The line height used along with the $kendo-font-size variable of the large Button.
|
|
64
64
|
/// @group button
|
|
65
65
|
$kendo-button-lg-line-height: $kendo-line-height-lg !default;
|
|
66
66
|
|
|
@@ -23,11 +23,10 @@ $kendo-drawer-item-line-height: $kendo-line-height-lg !default;
|
|
|
23
23
|
$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
|
|
24
24
|
$kendo-drawer-item-level-count: 5 !default;
|
|
25
25
|
|
|
26
|
-
$kendo-drawer-icon-size: $kendo-icon-size !default;
|
|
27
26
|
$kendo-drawer-icon-padding-x: 0 !default;
|
|
28
27
|
$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29
28
|
|
|
30
|
-
$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-
|
|
29
|
+
$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size} ) !default;
|
|
31
30
|
|
|
32
31
|
$kendo-drawer-hover-bg: $kendo-hover-bg !default;
|
|
33
32
|
$kendo-drawer-hover-text: $kendo-hover-text !default;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
// Dropdowntree
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the DropdownTree popup
|
|
4
|
+
/// @group dropdowntree
|
|
2
5
|
$kendo-dropdowntree-popup-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
6
|
+
/// The vertical padding of the DropdownTree popup
|
|
7
|
+
/// @group dropdowntree
|
|
3
8
|
$kendo-dropdowntree-popup-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
@@ -13,7 +13,6 @@ $kendo-dropzone-bg: $kendo-base-bg !default;
|
|
|
13
13
|
$kendo-dropzone-text: $kendo-base-text !default;
|
|
14
14
|
$kendo-dropzone-border: $kendo-base-border !default;
|
|
15
15
|
|
|
16
|
-
$kendo-dropzone-icon-size: ( $kendo-icon-size * 3 ) !default;
|
|
17
16
|
$kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
|
|
18
17
|
$kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 4 ) !default;
|
|
19
18
|
$kendo-dropzone-icon-hover-text: $kendo-color-primary !default;
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -1,90 +1,102 @@
|
|
|
1
1
|
// Floating Action Button
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The width of the border around the FAB.
|
|
4
4
|
/// @group floating-action-button
|
|
5
5
|
$kendo-fab-border-width: 1px !default;
|
|
6
|
-
///
|
|
6
|
+
/// The border radius of the FAB.
|
|
7
7
|
/// @group floating-action-button
|
|
8
8
|
$kendo-fab-border-radius: $kendo-border-radius-md !default;
|
|
9
9
|
|
|
10
|
-
///
|
|
10
|
+
/// The font family of the FAB.
|
|
11
11
|
/// @group floating-action-button
|
|
12
12
|
$kendo-fab-font-family: $kendo-font-family !default;
|
|
13
|
-
///
|
|
13
|
+
/// The font size of the FAB.
|
|
14
14
|
/// @group floating-action-button
|
|
15
15
|
$kendo-fab-font-size: $kendo-font-size-md !default;
|
|
16
|
-
///
|
|
16
|
+
/// The line height of the FAB.
|
|
17
17
|
/// @group floating-action-button
|
|
18
18
|
$kendo-fab-line-height: $kendo-line-height-md !default;
|
|
19
19
|
|
|
20
|
-
///
|
|
20
|
+
/// The horizontal padding of the FAB.
|
|
21
21
|
/// @group floating-action-button
|
|
22
22
|
$kendo-fab-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
23
|
+
/// The horizontal padding of the small FAB.
|
|
24
|
+
/// @group floating-action-button
|
|
23
25
|
$kendo-fab-sm-padding-x: k-math-div( $kendo-fab-padding-x, 2 ) !default;
|
|
26
|
+
/// The horizontal padding of the medium FAB.
|
|
27
|
+
/// @group floating-action-button
|
|
24
28
|
$kendo-fab-md-padding-x: $kendo-fab-padding-x !default;
|
|
29
|
+
/// The horizontal padding of the large FAB.
|
|
30
|
+
/// @group floating-action-button
|
|
25
31
|
$kendo-fab-lg-padding-x: ( $kendo-fab-padding-x * 1.5 ) !default;
|
|
26
32
|
|
|
27
|
-
///
|
|
33
|
+
/// The vertical padding of the FAB.
|
|
28
34
|
/// @group floating-action-button
|
|
29
35
|
$kendo-fab-padding-y: $kendo-fab-padding-x !default;
|
|
36
|
+
/// The vertical padding of the small FAB.
|
|
37
|
+
/// @group floating-action-button
|
|
30
38
|
$kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
|
|
39
|
+
/// The vertical padding of the medium FAB.
|
|
40
|
+
/// @group floating-action-button
|
|
31
41
|
$kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
|
|
42
|
+
/// The vertical padding of the large FAB.
|
|
43
|
+
/// @group floating-action-button
|
|
32
44
|
$kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
|
|
33
45
|
|
|
34
|
-
///
|
|
46
|
+
/// The horizontal padding of the FAB icon.
|
|
35
47
|
/// @group floating-action-button
|
|
36
48
|
$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
37
|
-
///
|
|
49
|
+
/// The vertical padding of the FAB icon.
|
|
38
50
|
/// @group floating-action-button
|
|
39
51
|
$kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
|
|
40
|
-
/// FAB icon
|
|
52
|
+
/// The spacing of the FAB icon.
|
|
41
53
|
/// @group floating-action-button
|
|
42
54
|
$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
43
55
|
|
|
44
|
-
///
|
|
56
|
+
/// The horizontal padding of the FAB items.
|
|
45
57
|
/// @group floating-action-button
|
|
46
58
|
$kendo-fab-items-padding-x: 0px !default;
|
|
47
|
-
///
|
|
59
|
+
/// The vertical padding of the FAB items.
|
|
48
60
|
/// @group floating-action-button
|
|
49
61
|
$kendo-fab-items-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
50
62
|
|
|
51
|
-
/// FAB item text
|
|
63
|
+
/// The horizontal padding of the FAB item text.
|
|
52
64
|
/// @group floating-action-button
|
|
53
65
|
$kendo-fab-item-text-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
54
|
-
/// FAB item text
|
|
66
|
+
/// The vertical padding of the FAB item text.
|
|
55
67
|
/// @group floating-action-button
|
|
56
68
|
$kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
|
|
57
|
-
///
|
|
69
|
+
/// The width of the FAB item text border.
|
|
58
70
|
/// @group floating-action-button
|
|
59
71
|
$kendo-fab-item-text-border-width: 1px !default;
|
|
60
|
-
///
|
|
72
|
+
/// The border radius of the FAB item text.
|
|
61
73
|
/// @group floating-action-button
|
|
62
74
|
$kendo-fab-item-text-border-radius: 2px !default;
|
|
63
|
-
///
|
|
75
|
+
/// The font size of the FAB item text.
|
|
64
76
|
/// @group floating-action-button
|
|
65
77
|
$kendo-fab-item-text-font-size: $kendo-font-size-xs !default;
|
|
66
|
-
///
|
|
78
|
+
/// The line height of the FAB item text.
|
|
67
79
|
/// @group floating-action-button
|
|
68
80
|
$kendo-fab-item-text-line-height: 1.2 !default;
|
|
69
81
|
|
|
70
|
-
/// FAB item icon
|
|
82
|
+
/// The horizontal padding of the FAB item icon.
|
|
71
83
|
/// @group floating-action-button
|
|
72
84
|
$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) + $kendo-fab-icon-padding-x !default;
|
|
73
|
-
/// FAB item icon
|
|
85
|
+
/// The vertical padding of the FAB item icon.
|
|
74
86
|
/// @group floating-action-button
|
|
75
87
|
$kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
|
|
76
|
-
///
|
|
88
|
+
/// The width of the FAB item icon border.
|
|
77
89
|
/// @group floating-action-button
|
|
78
90
|
$kendo-fab-item-icon-border-width: 0 !default;
|
|
79
|
-
///
|
|
91
|
+
/// The border radius of the FAB item icon.
|
|
80
92
|
/// @group floating-action-button
|
|
81
93
|
$kendo-fab-item-icon-border-radius: 50% !default;
|
|
82
94
|
|
|
83
|
-
///
|
|
95
|
+
/// The theme colors map for the FAB.
|
|
84
96
|
/// @group floating-action-button
|
|
85
97
|
$kendo-fab-theme-colors: $kendo-theme-colors !default;
|
|
86
98
|
|
|
87
|
-
///
|
|
99
|
+
/// The size map for the FAB.
|
|
88
100
|
/// @group floating-action-button
|
|
89
101
|
$kendo-fab-sizes: (
|
|
90
102
|
sm: (
|
|
@@ -104,10 +116,10 @@ $kendo-fab-sizes: (
|
|
|
104
116
|
/// The base shadow of the FAB.
|
|
105
117
|
/// @group floating-action-button
|
|
106
118
|
$kendo-fab-shadow: 0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 ) !default;
|
|
107
|
-
/// The
|
|
119
|
+
/// The shadow of the disabled FAB.
|
|
108
120
|
/// @group floating-action-button
|
|
109
121
|
$kendo-fab-disabled-shadow: 0 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0 3px 5px k-try-tint( rgba( black, .2 ), .5 ) !default;
|
|
110
|
-
/// The
|
|
122
|
+
/// The shadow of the active FAB.
|
|
111
123
|
/// @group floating-action-button
|
|
112
124
|
$kendo-fab-active-shadow: null !default;
|
|
113
125
|
/// The outline style of the FAB.
|
|
@@ -141,10 +153,10 @@ $kendo-fab-item-icon-border: $kendo-button-border !default;
|
|
|
141
153
|
/// The base shadow of the FAB item.
|
|
142
154
|
/// @group floating-action-button
|
|
143
155
|
$kendo-fab-item-shadow: $kendo-fab-shadow !default;
|
|
144
|
-
/// The
|
|
156
|
+
/// The shadow of the disabled FAB item.
|
|
145
157
|
/// @group floating-action-button
|
|
146
158
|
$kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
|
|
147
|
-
/// The
|
|
159
|
+
/// The shadow of the active FAB item.
|
|
148
160
|
/// @group floating-action-button
|
|
149
161
|
$kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
150
162
|
/// The outline style of the FAB item.
|
|
@@ -41,7 +41,6 @@ $kendo-file-manager-listview-item-bg: null !default;
|
|
|
41
41
|
$kendo-file-manager-listview-item-text: null !default;
|
|
42
42
|
$kendo-file-manager-listview-item-border: null !default;
|
|
43
43
|
|
|
44
|
-
$kendo-file-manager-listview-item-icon-size: ($kendo-icon-size * 3) !default;
|
|
45
44
|
$kendo-file-manager-listview-item-icon-bg: null !default;
|
|
46
45
|
$kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
|
|
47
46
|
$kendo-file-manager-listview-item-icon-border: null !default;
|
|
@@ -63,7 +62,6 @@ $kendo-file-manager-preview-bg: null !default;
|
|
|
63
62
|
$kendo-file-manager-preview-text: null !default;
|
|
64
63
|
$kendo-file-manager-preview-border: null !default;
|
|
65
64
|
|
|
66
|
-
$kendo-file-manager-preview-icon-size: ($kendo-icon-size * 6) !default;
|
|
67
65
|
$kendo-file-manager-preview-icon-bg: null !default;
|
|
68
66
|
$kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
|
|
69
67
|
$kendo-file-manager-preview-icon-border: null !default;
|
|
@@ -1,20 +1,51 @@
|
|
|
1
1
|
// Floating label
|
|
2
|
+
|
|
3
|
+
/// The transformation scale of the Floating Label.
|
|
4
|
+
/// @group floating-label
|
|
2
5
|
$kendo-floating-label-scale: 1 !default;
|
|
6
|
+
///The font size of the Floating Label.
|
|
7
|
+
/// @group floating-label
|
|
3
8
|
$kendo-floating-label-font-size: $kendo-input-font-size !default;
|
|
9
|
+
/// The maximum width of the Floating Label.
|
|
10
|
+
/// @group floating-label
|
|
4
11
|
$kendo-floating-label-max-width: 90% !default;
|
|
12
|
+
/// The line height of the Floating Label.
|
|
13
|
+
/// @group floating-label
|
|
5
14
|
$kendo-floating-label-line-height: $kendo-input-line-height !default;
|
|
15
|
+
/// The height of the Floating Label.
|
|
16
|
+
/// @group floating-label
|
|
6
17
|
$kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
|
|
18
|
+
/// The horizontal offset of the Floating Label.
|
|
19
|
+
/// @group floating-label
|
|
7
20
|
$kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
|
|
21
|
+
/// The vertical offset of the Floating Label.
|
|
22
|
+
/// @group floating-label
|
|
8
23
|
$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
|
|
9
24
|
|
|
25
|
+
/// The transformation scale of the focused Floating Label.
|
|
26
|
+
/// @group floating-label
|
|
10
27
|
$kendo-floating-label-focus-scale: 1 !default;
|
|
28
|
+
/// The horizontal offset of the focused Floating Label.
|
|
29
|
+
/// @group floating-label
|
|
11
30
|
$kendo-floating-label-focus-offset-x: 0 !default;
|
|
31
|
+
/// The vertical offset of the focused Floating Label.
|
|
32
|
+
/// @group floating-label
|
|
12
33
|
$kendo-floating-label-focus-offset-y: 0 !default;
|
|
13
34
|
|
|
35
|
+
/// The transition of the Floating Label.
|
|
36
|
+
/// @group floating-label
|
|
14
37
|
$kendo-floating-label-transition: .2s ease-out !default;
|
|
15
38
|
|
|
39
|
+
/// The background color of the Floating Label.
|
|
40
|
+
/// @group floating-label
|
|
16
41
|
$kendo-floating-label-bg: null !default;
|
|
42
|
+
/// The text color of the Floating Label.
|
|
43
|
+
/// @group floating-label
|
|
17
44
|
$kendo-floating-label-text: null !default;
|
|
18
45
|
|
|
46
|
+
/// The background color of the focused Floating Label.
|
|
47
|
+
/// @group floating-label
|
|
19
48
|
$kendo-floating-label-focus-bg: null !default;
|
|
49
|
+
/// The text color of the focused Floating Label.
|
|
50
|
+
/// @group floating-label
|
|
20
51
|
$kendo-floating-label-focus-text: null !default;
|