sass $desktop and $handheld

  • Resolved eimph

    (@eimph)


    6 years, 9 months ago

    is it possible to change the css file at the exact place that $desktop needs to be change instead of converting .scss to .css ?

    i have no problem converting :

    body {
    font: 100% $font-stack;
    color: $primary-color;
    }

    but i do have some problem converting

    $desktop and $handheld

    i would like to replace @media (min-width: #{$desktop-width}) by @media (min-width: #{1280px}) do you guys know what page needs to be updated?

Viewing 1 replies (of 1 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hi @eimph – before we launch a new version of Storefront, the sass first is converted to css (otherwise the browser wouldn’t be able to read the style sheet).

    That said, $desktop-width isn’t a variable that’s part of Storefront core, plus on top of that, @media (min-width: #{1280px}) isn’t valid CSS, so your target conversion is not valid.

    Here’s a pretty good overview on using media queries and sass: https://css-tricks.com/approaches-media-queries-sass/

Viewing 1 replies (of 1 total)
  • The topic ‘sass $desktop and $handheld’ is closed to new replies.

Tags