1$asset_suffix: if($variant == 'dark', '-dark', '');
2$con_asset_suffix: if($variant=='dark', '', '-dark');
3$extra_background_clip: if($variant == 'light', padding-box, border-box);
4
5// Gnome-shell show apps button style
6$showapps_button: 'normal'; // normal/bigsur
7
8// font families
9$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
10$large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif;
11
12// font sizes
13$root-font-size: if($laptop == 'false', 14px, 13px);
14$subheading-size: if($laptop == 'false', 16px, 15px);
15$base_font_size: 11;
16
17// opacities
18$higher_opacity: 0.9;
19$middle_opacity: 0.6;
20$lower_opacity: 0.3;
21
22$secondary_opacity: 0.75;
23$hint_opacity: 0.6;
24$disabled_opacity: 0.5;
25
26// sizes
27$small_size: if($laptop == 'false', 24px, 20px);
28$medium_size: if($laptop == 'false', 36px, 32px);
29$large_size: if($laptop == 'false', 48px, 44px);
30$menuitem_size: if($laptop == 'false', 32px, 28px);
31$container_padding: 6px;
32
33// radiuses
34$circular_radius: 9999px;
35$bt_radius: 5px;
36$bd_radius: 8px;
37$mn_radius: 6px;
38$wm_radius: 6px;
39
40// padding, margin and spacing
41$base_padding: 6px;
42$base_margin: 4px;
43$base_spacing: 6px;
44
45// radiuses
46$circular_radius: 9999px;
47$bt_radius: 5px;
48$bd_radius: 8px;
49$wm_radius: 6px;
50$modal_radius: $bd_radius * 2;
51
52// icons
53$base_icon_size: 16px;
54
55// durations
56$shorter_duration: 100ms;
57$longer_duration: 150ms;
58$ripple_duration: 250ms;
59
60// timing functions
61$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);
62$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1);
63$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1);
64$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1);
65$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
66
67// transition shorthands
68$shorter_transition: all $shorter_duration $deceleration_curve;
69$longer_transition: all $longer_duration $deceleration_curve;
70$shadow_transition: box-shadow $longer_duration $deceleration_curve;
71$button_transition: all $shorter_duration $ease-out-quad;
72$backdrop_transition: all $longer_duration $ease-out-quad;
73
74// Shadow
75$shadow_0: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);     // Slider hover shadow
76$shadow_1: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06);    // Header-button shadow
77$shadow_2: 0 1px 1px 0 rgba(16, 16, 16, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05);  // Slider normal shadow
78$shadow_3: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01);    // Normal button shadow
79$shadow_4: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);     // Switch-slider hover shadow
80$shadow_5: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);     // Switch-slider normal shadow
81$shadow_6: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3);              // Switch-slider normal shadow
82$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0 rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.05),
83              0 1px rgba(0, 0, 0, 0.3), 0 2px rgba(0, 0, 0, 0.05);              // text and icon shadow
84