Magento2 CSS groups in styles-m.css in wrong order Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Magento2 include new css fileWhy styles are not getting applies when edited in magento2Magento2 CSS give order& when (@media-common = true) - Changes not picked up unless I do static-content-deployDesign magento2 theme with css instead of LessMagento2 Edit styles-i.cssCan't get Magento2's .media-width() LESS mixin to workStyles-m.css file locationsMagento 2.2: How to apply breakpoints in custom .less filesMagento 2.2.5 styles-m.css and styles-l.css not load

Using audio cues to encourage good posture

Can an alien society believe that their star system is the universe?

How to answer "Have you ever been terminated?"

What does "fit" mean in this sentence?

How does debian/ubuntu knows a package has a updated version

Can a non-EU citizen traveling with me come with me through the EU passport line?

How to run gsettings for another user Ubuntu 18.04.2 LTS

Is it true that "carbohydrates are of no use for the basal metabolic need"?

What does the "x" in "x86" represent?

Storing hydrofluoric acid before the invention of plastics

Generate an RGB colour grid

Short Story with Cinderella as a Voo-doo Witch

How widely used is the term Treppenwitz? Is it something that most Germans know?

Can a USB port passively 'listen only'?

Book where humans were engineered with genes from animal species to survive hostile planets

How come Sam didn't become Lord of Horn Hill?

How does the particle を relate to the verb 行く in the structure「A を + B に行く」?

What exactly is a "Meth" in Altered Carbon?

String `!23` is replaced with `docker` in command line

Should I discuss the type of campaign with my players?

Why light coming from distant stars is not discreet?

Why am I getting the error "non-boolean type specified in a context where a condition is expected" for this request?

How do I stop a creek from eroding my steep embankment?

Why did the Falcon Heavy center core fall off the ASDS OCISLY barge?



Magento2 CSS groups in styles-m.css in wrong order



Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?Magento2 include new css fileWhy styles are not getting applies when edited in magento2Magento2 CSS give order& when (@media-common = true) - Changes not picked up unless I do static-content-deployDesign magento2 theme with css instead of LessMagento2 Edit styles-i.cssCan't get Magento2's .media-width() LESS mixin to workStyles-m.css file locationsMagento 2.2: How to apply breakpoints in custom .less filesMagento 2.2.5 styles-m.css and styles-l.css not load



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








1















my themes "_extend.less" file looks like this:



//common
& when (@media-common = true)
...

//mobile
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m)
...

//tablet
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m)
...



in the generated styles-m.css everything under the common block is put at the end of file after the @media blocks, which breaks the order of precedence for mobile styles.



shouldn't the common block come first in styles-m and than the @media rules in the generated file?










share|improve this question







New contributor




mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.


























    1















    my themes "_extend.less" file looks like this:



    //common
    & when (@media-common = true)
    ...

    //mobile
    .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m)
    ...

    //tablet
    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m)
    ...



    in the generated styles-m.css everything under the common block is put at the end of file after the @media blocks, which breaks the order of precedence for mobile styles.



    shouldn't the common block come first in styles-m and than the @media rules in the generated file?










    share|improve this question







    New contributor




    mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.






















      1












      1








      1








      my themes "_extend.less" file looks like this:



      //common
      & when (@media-common = true)
      ...

      //mobile
      .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m)
      ...

      //tablet
      .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m)
      ...



      in the generated styles-m.css everything under the common block is put at the end of file after the @media blocks, which breaks the order of precedence for mobile styles.



      shouldn't the common block come first in styles-m and than the @media rules in the generated file?










      share|improve this question







      New contributor




      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      my themes "_extend.less" file looks like this:



      //common
      & when (@media-common = true)
      ...

      //mobile
      .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m)
      ...

      //tablet
      .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m)
      ...



      in the generated styles-m.css everything under the common block is put at the end of file after the @media blocks, which breaks the order of precedence for mobile styles.



      shouldn't the common block come first in styles-m and than the @media rules in the generated file?







      magento2 css less






      share|improve this question







      New contributor




      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question







      New contributor




      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question






      New contributor




      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked yesterday









      mukki182mukki182

      61




      61




      New contributor




      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      mukki182 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          0






          active

          oldest

          votes












          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "479"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );






          mukki182 is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f270072%2fmagento2-css-groups-in-styles-m-css-in-wrong-order%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          mukki182 is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          mukki182 is a new contributor. Be nice, and check out our Code of Conduct.












          mukki182 is a new contributor. Be nice, and check out our Code of Conduct.











          mukki182 is a new contributor. Be nice, and check out our Code of Conduct.














          Thanks for contributing an answer to Magento Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f270072%2fmagento2-css-groups-in-styles-m-css-in-wrong-order%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Category:9 (number) SubcategoriesMedia in category "9 (number)"Navigation menuUpload mediaGND ID: 4485639-8Library of Congress authority ID: sh85091979ReasonatorScholiaStatistics

          Circuit construction for execution of conditional statements using least significant bitHow are two different registers being used as “control”?How exactly is the stated composite state of the two registers being produced using the $R_zz$ controlled rotations?Efficiently performing controlled rotations in HHLWould this quantum algorithm implementation work?How to prepare a superposed states of odd integers from $1$ to $sqrtN$?Why is this implementation of the order finding algorithm not working?Circuit construction for Hamiltonian simulationHow can I invert the least significant bit of a certain term of a superposed state?Implementing an oracleImplementing a controlled sum operation

          Magento 2 “No Payment Methods” in Admin New OrderHow to integrate Paypal Express Checkout with the Magento APIMagento 1.5 - Sales > Order > edit order and shipping methods disappearAuto Invoice Check/Money Order Payment methodAdd more simple payment methods?Shipping methods not showingWhat should I do to change payment methods if changing the configuration has no effects?1.9 - No Payment Methods showing upMy Payment Methods not Showing for downloadable/virtual product when checkout?Magento2 API to access internal payment methodHow to call an existing payment methods in the registration form?