Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-39050

The respond-to mixin outputs incorrect media query when specifying phone then tablet

    Details

      Description

      The respond-to mixin should allow for devices to be passed in any order, however, there's a bug where specifying @include respond-to(phone, tablet) will output the wrong media query.
      This:
      @include respond-to(phone, tablet) {
      .phone-tablet {
      }
      }

      Should output:
      @media (max-width: 979px) {
      .phone-tablet {
      }
      }

      What it currently outputs is:
      @media (max-width: 767px) {
      .phone-tablet {
      }
      }

        Attachments

          Activity

            People

            Assignee:
            brian.chan Brian Chan
            Reporter:
            nathan.cavanaugh Nate Cavanaugh
            Participants of an Issue:
            Recent user:
            Esther Sanz
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Days since last comment:
              7 years, 23 weeks, 2 days ago

                Packages

                Version Package
                6.2.0 CE B2