on master help sign in
Fix hidden rems in primer template and add left-padding to wrapper
a221b33Morgan Sutherland
sass/_main.scss+2−2
@@ -33,7 +33,7 @@ iframe {
33.wrapper {
33.wrapper {
34 position: relative;
34 position: relative;
35 margin: 0 auto;
35 margin: 0 auto;
36− padding: 0 (2rem / 4);
36+ padding: 0 (4rem / 4);
37 max-width: 960px;
37 max-width: 960px;
38}
38}
39
39
@@ -196,7 +196,7 @@ iframe {
196 }
196 }
197 &__nav-icon {
197 &__nav-icon {
198 position: absolute;
198 position: absolute;
199− margin-left: (2rem / 4);
199+ margin-left: (4rem / 4);
200 width: (6rem / 4);
200 width: (6rem / 4);
201 height: (10rem / 4);
201 height: (10rem / 4);
202 left: 0;
202 left: 0;
templates/primer.html+3−3
@@ -140,7 +140,7 @@
140 <nav class="bg-black pb-36 menu-hide overflow-y">
140 <nav class="bg-black pb-36 menu-hide overflow-y">
141 <div class="primer-container">
141 <div class="primer-container">
142 <div class="row pt-10">
142 <div class="row pt-10">
143− <div class="col-sm-1 menu-toggle fixed" style="top:10rem;left:4rem"><img class="w-8 h-8" src="../assets/menu-close.svg" /></div>
143+ <div class="col-sm-1 menu-toggle fixed" style="top:2.5rem;left:1rem"><img class="w-8 h-8" src="../assets/menu-close.svg" /></div>
144 <div class="col-sm-8 col-md-8 col-lg-4 col-sm-offset-2 white">
144 <div class="col-sm-8 col-md-8 col-lg-4 col-sm-offset-2 white">
145 <div class="mb-6"><a href="{{ config.base_url }}/" class="white"><h1>Urbit</h1></a></div>
145 <div class="mb-6"><a href="{{ config.base_url }}/" class="white"><h1>Urbit</h1></a></div>
146 <div class="mb-6"><a href="{{ config.base_url }}/primer" class="white"><h1>Primer</h1></a></div>
146 <div class="mb-6"><a href="{{ config.base_url }}/primer" class="white"><h1>Primer</h1></a></div>
@@ -250,7 +250,7 @@
250 </nav>
250 </nav>
251 <div class="primer-container mb-5">
251 <div class="primer-container mb-5">
252 <div id="what-urbit-is-for" class="row sm-pt-20 sm-pb-20 pt-40 pb-40">
252 <div id="what-urbit-is-for" class="row sm-pt-20 sm-pb-20 pt-40 pb-40">
253− <div class="fixed" style="top:10rem;left:4rem">
253+ <div class="fixed" style="top:2.5rem;left:1rem">
254 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
254 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
255 </div>
255 </div>
256 <div class="col-sm-12">
256 <div class="col-sm-12">
@@ -401,7 +401,7 @@
401 <h3>=</h3></div>
401 <h3>=</h3></div>
402 <div class="col-sm-12 col-md-3">
402 <div class="col-sm-12 col-md-3">
403 <div class="row">
403 <div class="row">
404− <div class="col-sm-8 col-sm-offset-2 col-md-10 col-md-offset-0" style="margin-top: -8rem"><img src="../images/urbit-complete.svg" /></div>
404+ <div class="col-sm-8 col-sm-offset-2 col-md-10 col-md-offset-0" style="margin-top: -2rem"><img src="../images/urbit-complete.svg" /></div>
405 </div>
405 </div>
406 </div>
406 </div>
407 </div>
407 </div>