chore(styles): omit sass deprecation warnings (#1737)

Anton Bulakh

2025-01-24 4e4930ef9c2e2ddb9bcb1436660d3a3002c19844

 quartz/styles/variables.scss

@@ -1,3 +1,5 @@
@use "sass:map";

/**
 * Layout breakpoints
 * $mobile: screen width below this value will use mobile styles
@@ -10,11 +12,11 @@
  desktop: 1200px,
);

$mobile: "(max-width: #{map-get($breakpoints, mobile)})";
$tablet: "(min-width: #{map-get($breakpoints, mobile)}) and (max-width: #{map-get($breakpoints, desktop)})";
$desktop: "(min-width: #{map-get($breakpoints, desktop)})";
$mobile: "(max-width: #{map.get($breakpoints, mobile)})";
$tablet: "(min-width: #{map.get($breakpoints, mobile)}) and (max-width: #{map.get($breakpoints, desktop)})";
$desktop: "(min-width: #{map.get($breakpoints, desktop)})";

$pageWidth: #{map-get($breakpoints, mobile)};
$pageWidth: #{map.get($breakpoints, mobile)};
$sidePanelWidth: 320px; //380px;
$topSpacing: 6rem;
$boldWeight: 700;