/
_variables.scss
64 lines (57 loc) · 2.25 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// Notification
/// The row-gap between the elements in the Notification group.
/// @group notification
$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
/// The horizontal padding of the Notification.
/// @group notification
$kendo-notification-padding-x: 8px !default;
/// The vertical padding of the Notification.
/// @group notification
$kendo-notification-padding-y: 4px !default;
/// The width of the border around the Notification.
/// @group notification
$kendo-notification-border-width: 1px !default;
/// The border radius of the Notification.
/// @group notification
$kendo-notification-border-radius: $kendo-border-radius-md !default;
/// The font family of the Notification.
/// @group notification
$kendo-notification-font-family: $kendo-font-family !default;
/// The font size of the Notification.
/// @group notification
$kendo-notification-font-size: $kendo-font-size-sm !default;
/// The line height of the Notification.
/// @group notification
$kendo-notification-line-height: $kendo-line-height-md !default;
/// The background color of the Notification.
/// @group notification
$kendo-notification-bg: $kendo-component-bg !default;
/// The text color of the Notification.
/// @group notification
$kendo-notification-text: $kendo-component-text !default;
/// The border color of the Notification.
/// @group notification
$kendo-notification-border: $kendo-component-border !default;
/// The box shadow of the Notification.
/// @group notification
$kendo-notification-shadow: $kendo-popup-shadow !default;
/// The horizontal spacing of the Notification icon.
/// @group notification
$kendo-notification-icon-spacing: $kendo-icon-spacing !default;
@function notification-theme( $colors ) {
$_theme: ();
@each $name, $color in $colors {
$_theme: k-map-merge(( $name: (
color: k-contrast-legacy( $color ),
background-color: $color,
border: $color,
)), $_theme );
}
@return $_theme;
}
/// The theme colors map for the Notification.
/// @group notification
$kendo-notification-theme-colors: $kendo-theme-colors !default;
/// The generated theme colors map for the Notification.
/// @group notification
$kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;