Magento2 CSS groups in styles-m.css in wrong order Planned maintenance scheduled April 23, 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

How do I find out the mythology and history of my Fortress?

What are the diatonic extended chords of C major?

How much damage would a cupful of neutron star matter do to the Earth?

Find 108 by using 3,4,6

Drawing without replacement: why is the order of draw irrelevant?

How can I reduce the gap between left and right of cdot with a macro?

Chinese Seal on silk painting - what does it mean?

How to install press fit bottom bracket into new frame

What do you call the main part of a joke?

Is grep documentation about ignoring case wrong, since it doesn't ignore case in filenames?

What is the topology associated with the algebras for the ultrafilter monad?

Using audio cues to encourage good posture

Amount of permutations on an NxNxN Rubik's Cube

What is this clumpy 20-30cm high yellow-flowered plant?

What's the meaning of "fortified infraction restraint"?

Performance gap between vector<bool> and array

Time to Settle Down!

When a candle burns, why does the top of wick glow if bottom of flame is hottest?

Trademark violation for app?

Should I use a zero-interest credit card for a large one-time purchase?

Central Vacuuming: Is it worth it, and how does it compare to normal vacuuming?

ArcGIS Pro Python arcpy.CreatePersonalGDB_management

Converted a Scalar function to a TVF function for parallel execution-Still running in Serial mode

Dating a Former Employee



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



Planned maintenance scheduled April 23, 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 Apr 15 at 7:30









      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

          Sum ergo cogito? 1 nng

          419 nièngy_Soadمي 19bal1.5o_g

          Queiggey Chernihivv 9NnOo i Zw X QqKk LpB