sass: Move gtk/_variables.scss to common directory
And remove duplicate variables from gnome-shell/_variables.scss. This makes it easier to manage variables.
And remove duplicate variables from gnome-shell/_variables.scss. This makes it easier to manage variables.
by roundabout, Thursday, 29 November 2018, 13:36:50 (1543498610), pushed by roundabout, Sunday, 11 May 2025, 13:22:30 (1746969750)
Author identity: nana-4 <hnmaigo@gmail.com>
1c34240f6d6f61ff5cf5b5bb8043f1efdbfb3279
$asset_suffix: if($variant == 'dark', '-dark', '');
$extra_background_clip: if($variant == 'light', padding-box, border-box);
// sizes
$small_size: if($compact == 'false', 24px, 24px);
$medium_size: if($compact == 'false', 36px, 32px);
$large_size: if($compact == 'false', 48px, 40px);
$container_padding: if($compact == 'false', 6px, 4px);
$bar_size: 4px;
$menuitem_size: 28px;
// radiuses
$material_radius: 4px;
$circular_radius: 9999px;
// durations
$shorter_duration: 100ms;
$longer_duration: 225ms;
$ripple_duration: 300ms;
$ripple_opacity_duration: 1200ms;
// timing functions
$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);
$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1);
$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1);
$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1);
// transition shorthands
$shorter_transition: all $shorter_duration $deceleration_curve;
$shadow_transition: box-shadow $shorter_duration $deceleration_curve;
// shadows
// based shadow values:
// https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png
// box-shadow 1px blur doesn't draw correctly, see
// https://bugzilla.gnome.org/show_bug.cgi?id=738484
// $shadow_1: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
$shadow_1: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
$shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
$shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19), 0 6px 3px rgba(0, 0, 0, 0.23);
$shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
$shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
$asset_suffix: if($variant == 'dark', '-dark', '');
$extra_background_clip: if($variant == 'light', padding-box, border-box);
$panel-corner-radius: 0;
// font families
$root-font-size: if($compact == 'false', 14px, 14px);
$subheading-size: if($compact == 'false', 16px, 15px);
// sizes
$small_size: if($compact == 'false', 24px, 24px);
$medium_size: if($compact == 'false', 36px, 32px);
$large_size: if($compact == 'false', 48px, 40px);
$container_padding: if($compact == 'false', 6px, 4px);
$bar_size: 4px;
// Override sizes
$menuitem_size: if($compact == 'false', 32px, 28px);
// radiuses
$material_radius: 4px;
$circular_radius: 9999px;
// durations
// Override durations
$shorter_duration: 200ms / 2;
$longer_duration: 300ms / 2;
$ripple_duration: 500ms / 2;
// timing functions
$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);
$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1);
$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1);
$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1);
// transition shorthands
$shorter_transition: all $shorter_duration $deceleration_curve;
$longer_transition: all $longer_duration $deceleration_curve;
$shadow_transition: box-shadow $shorter_duration $deceleration_curve;
// shadows
// based shadow values:
// https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png
// This should be none, but it's creating some issues with borders, so to
// workaround it for now, use inset wich goes through a different code path.
// see https://bugzilla.gnome.org/show_bug.cgi?id=752934
$shadow_0: 0 0 transparent;
// Override shadows
$shadow_1: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
$shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16 * 1.5), 0 3px 3px rgba(0, 0, 0, 0.23 * 1.5);
$shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19 * 1.5), 0 6px 3px rgba(0, 0, 0, 0.23 * 1.5);
$asset_suffix: if($variant == 'dark', '-dark', '');
$extra_background_clip: if($variant == 'light', padding-box, border-box);
// sizes
$small_size: if($compact == 'false', 24px, 24px);
$medium_size: if($compact == 'false', 36px, 32px);
$large_size: if($compact == 'false', 48px, 40px);
$container_padding: if($compact == 'false', 6px, 4px);
$bar_size: 4px;
$menuitem_size: 28px;
// radiuses
$material_radius: 4px;
$circular_radius: 9999px;
// durations
$shorter_duration: 100ms;
$longer_duration: 225ms;
$ripple_duration: 300ms;
$ripple_opacity_duration: 1200ms;
// timing functions
$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);
$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1);
$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1);
$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1);
// transition shorthands
$shorter_transition: all $shorter_duration $deceleration_curve;
$shadow_transition: box-shadow $shorter_duration $deceleration_curve;
// shadows
// based shadow values:
// https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png
// box-shadow 1px blur doesn't draw correctly, see
// https://bugzilla.gnome.org/show_bug.cgi?id=738484
// $shadow_1: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
$shadow_1: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
$shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
$shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19), 0 6px 3px rgba(0, 0, 0, 0.23);
$shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
$shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/chrome/scrollbars';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/chrome/scrollbars';
$titlebar: 'dark';
$compact: 'true';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'true';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'false';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'true';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'false';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'false';
@import '../_sass/variables';
@import '../_sass/gnome-shell/variables';
@import '../_sass/cinnamon/over-rides';
@import '../_sass/gnome-shell/drawing';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.18';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.24';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.26';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.28';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gnome-shell/variables';
@import '../../_sass/gnome-shell/drawing';
@import '../../_sass/gnome-shell/common-3.30';
@import '../../_sass/gnome-shell/extensions';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';
$titlebar: 'dark';
$compact: 'true';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';
$titlebar: 'light';
$compact: 'true';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';
$titlebar: 'light';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/variables';
@import '../../_sass/colors';
@import '../../_sass/gtk/drawing-3.20';
@import '../../_sass/gtk/common-3.20';