<p dir="auto">We've moved away from the idea of having extra rules for small screens, and instead follow the bootstrap convention of designing for small screens first and overriding those rules if needed for larger screens.</p>
<p dir="auto">Having a separate file remaining for a limited number of small screen rules is therefore counter-productive. Moving the remaining rules into common.scss, adjacent to the related rules for larger screen, makes the behaviour easier to understand, as well as making it easier to refactor the rules to a small-screen-first approach.</p>
<p dir="auto">In addition, I changed a couple of media-width related things here too, moving to bootstrap utillities for the simple case of the registration page, and using a mixin to refactor how the breakpoint is stated for the main menu. I'd prefer to use only <code class="notranslate">media-breakpoint-up</code> but that can be left for the future.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/3689'>https://github.com/openstreetmap/openstreetmap-website/pull/3689</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/commits/5ab682dbbdc0bc4034d1c93aae3d082dae09fa65" class="commit-link">5ab682d</a>  Combine small.scss into common.scss</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/commits/a3474de4d885b6b28053f900306f08c543c1c0f0" class="commit-link">a3474de</a>  Use bootstrap utility classes for showing the new user arm</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/commits/4d1f83d6bbcc0334251f8ed71fb3c2127b237124" class="commit-link">4d1f83d</a>  Use bootstrap breakpoint mixin</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files">5 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (125)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files#diff-c9266aff2f078dec54cfab944e55552a30f6a2fea5f7a3a6beb52376356094e4">app/assets/stylesheets/screen-ltr.css</a>
    (1)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files#diff-3df7464fd7ca73ca4571a4a773afa81fcb81e30057cbb4b58f9cd29ddcd49a3e">app/assets/stylesheets/screen-rtl.css</a>
    (1)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files#diff-36cb6f6a96bd17245015054b8dd909f30dc3c5c1d741f71e5a810a79d3234381">app/assets/stylesheets/small.scss</a>
    (122)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689/files#diff-8dd599ea27028815c7fa912755a38dd05e4a768470cc792840b85fd1e486d69a">app/views/users/new.html.erb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3689.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/3689.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3689.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/3689.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3689">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIUOQQ5XZXNQG765EDV6H7CBANCNFSM6AAAAAAQMTIP74">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLO6UYMM2CDX7MB2SILV6H7CBA5CNFSM6AAAAAAQMTIP76WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHFDWXJTA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/3689</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3689",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3689",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>