-
Notifications
You must be signed in to change notification settings - Fork 280
Expand file tree
/
Copy pathSliderBase-parameters.css
More file actions
107 lines (103 loc) · 5.95 KB
/
SliderBase-parameters.css
File metadata and controls
107 lines (103 loc) · 5.95 KB
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
:root {
--_ui5_slider_progress_container_background: var(--sapField_BorderColor);
--_ui5_slider_progress_container_dot_display: none;
--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
--_ui5_slider_progress_border_width: 0.0625rem;
--_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);
--_ui5_slider_progress_before_background: transparent;
--_ui5_slider_progress_after_background: transparent;
--_ui5_slider_progress_before_border: none;
--_ui5_slider_progress_after_border: none;
--_ui5_slider_padding: 1.406rem 1.0625rem;
--_ui5_slider_root_height: 3.3125rem;
--_ui5_slider_inner_height: 0.25rem;
--_ui5_slider_inner_min_width: 4rem;
--_ui5_slider_outer_height: 1.6875rem;
--_ui5_slider_progress_border_radius: 0.25rem;
--_ui5_slider_progress_background: var(--sapActiveColor);
--_ui5_slider_handle_icon_display: none;
--_ui5_range_slider_root_hover_handle_icon_display: none;
--_ui5_slider_handle_height: 1.5rem;
--_ui5_slider_handle_width: 2rem;
--_ui5_slider_handle_border: 0.0625rem solid var(--sapField_BorderColor);
--_ui5_slider_handle_border_radius: 0.5rem;
--_ui5_slider_handle_background: var(--sapButton_Background);
--_ui5_range_slider_handle_background: #FFF;
--_ui5_slider_track_total_height: calc(var(--_ui5_slider_inner_height) + (2 * var(--_ui5_slider_progress_border_width)));
--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2 - var(--_ui5_slider_progress_border_width));
--_ui5_slider_tickmark_bg: var(--sapField_BorderColor);
--_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);
--_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
--_ui5_slider_handle_hover_border: 0.125rem solid var(--sapButton_Hover_BorderColor);
--_ui5_slider_handle_outline: 0.0625rem dotted var(--sapContent_FocusColor);
--_ui5_slider_handle_focus_border: var(--_ui5_slider_handle_hover_border);
--_ui5_slider_handle_outline_offset: 0.075rem;
--_ui5_slider_progress_outline: 0.0625rem dotted var(--sapContent_FocusColor);
--_ui5_slider_progress_outline_offset: -0.8125rem;
--_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2 - var(--_ui5_slider_progress_border_width));
--_ui5_slider_disabled_opacity: 0.4;
--_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);
--_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
--_ui5_slider_tooltip_background: var(--sapField_Background);
--_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);
--_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);
--_ui5_slider_tooltip_border: 0.0625rem solid var(--_ui5_slider_tooltip_border_color);
--_ui5_slider_tooltip_box_shadow: none;
--_ui5_slider_tooltip_padding: 0.4125rem;
--_ui5_slider_tooltip_height: 1rem;
--_ui5_slider_tooltip_min_width: 2rem;
--_ui5_slider_tooltip_bottom: 2rem;
--_ui5_slider_label_fontsize: var(--sapFontSmallSize);
--_ui5_slider_label_color: var(--sapContent_LabelColor);
--_ui5_range_slider_progress_focus_display: none;
--_ui5_range_slider_progress_focus_top: -1.063rem;
--_ui5_range_slider_progress_focus_left: -1.438rem;
--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
--_ui5_range_slider_progress_focus_height: 2rem;
--_ui5_range_slider_legacy_progress_focus_display: block;
--_ui5_slider_handle_focus_width: 0;
--_ui5_slider_start_end_point_size: 0.5rem;
--_ui5_slider_start_end_point_left: -.95rem;
--_ui5_slider_start_end_point_top: -0.1875rem;
--_ui5_slider_handle_background_focus: var(--sapButton_Active_Background);
--_ui5_slider_handle_focused_tooltip_distance: var(--_ui5_slider_tooltip_bottom);
--_ui5_slider_handle_box_sizing: content-box;
--_ui5_slider_tooltip_border_box: content-box;
--_ui5_range_slider_handle_active_background: var(--_ui5_range_slider_handle_background);
--_ui5_range_slider_active_handle_icon_display: none;
--_ui5_range_slider_handle_background_focus: transparent;
--_ui5_range_slider_progress_focus_width: 100%;
--_ui5_range_slider_root_active_handle_icon_display: none;
--_ui5_slider_tickmark_height: 0.5rem;
--_ui5_slider_progress_box_sizing: border-box;
--_ui5_slider_active_progress_box_sizing: content-box;
--_ui5_range_slider_focus_outline_width: 100%;
--_ui5_slider_progress_outline_offset_left: 0;
--_ui5_range_slider_focus_outline_radius: 0;
--_ui5_slider_progress_container_top: 0;
--_ui5_slider_progress_height: 0.25rem;
--_ui5_slider_active_progress_border: solid 0.0625rem var(--sapSlider_Selected_BorderColor);
--_ui5_slider_active_progress_border_radius: 0.25rem;
--_ui5_slider_active_progress_left: -0.0625rem;
--_ui5_slider_active_progress_top: -0.0625rem;
--_ui5_slider_active_progress_padding: 0.125rem;
--_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - 0.125rem);
--_ui5_slider_no_tickmarks_progress_container_top: var(--_ui5_slider_progress_container_top);
--_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);
--_ui5_slider_no_tickmarks_active_progress_border: var(--_ui5_slider_active_progress_border);
--_ui5_slider_no_tickmarks_active_progress_left: -0.0625rem;
--_ui5_slider_no_tickmarks_active_progress_top: -0.0625rem;
--_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - 0.125rem);
--_ui5_slider_handle_focus_visibility: none;
--_ui5_slider_handle_icon_size: 0.875rem;
}
[data-ui5-compact-size],
.ui5-content-density-compact,
.sapUiSizeCompact {
--_ui5_slider_start_end_point_left: -0.75rem;
--_ui5_slider_handle_icon_size: 0.875rem;
--_ui5_slider_padding: 1rem 1.0625rem;
--_ui5_slider_handle_height: 1.25rem;
--_ui5_slider_handle_width: 1.5rem;
--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2 - var(--_ui5_slider_progress_border_width));
}