davidtranjs

const useQuery = () => {
  const router = useRouter();

  const updateQuery = ({
    query,
    shallow,
    scroll,
  }: {
    query: Record<string, string | number>;
    shallow?: boolean;

davidtranjs

$screen-xs-max: 599px;
$screen-sm-min: 600px;
$screen-md-min: 960px;
$screen-lg-min: 1280px;
$screen-xl-min: 1920px;

@mixin xs {
  @media screen and (max-width: #{$screen-xs-max}) {
    @content;
  }

davidtranjs

@function text-stroke(
  $size: 2,
  $color: #fff,
  $size2: 10,
  $color2: red,
  $correction: 0
) {
  $radius: $size - $correction;
  $stroke: ();