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