on master help sign in
Fix hidden rems in primer template and add left-padding to wrapper
commita221b3315b909af46147919af674b1eff466a91d authorMorgan Sutherland <morgan@morgansutherland.com> dateThu 13 Jun 2019, 20:03 (7 years ago) parent7a6c5ed
2 files changed+5−5
sass/_main.scss+2−2 templates/primer.html+3−3
sass/_main.scss+2−2
@@ -33,7 +33,7 @@ iframe {
3333.wrapper {
3434 position: relative;
3535 margin: 0 auto;
36− padding: 0 (2rem / 4);
36+ padding: 0 (4rem / 4);
3737 max-width: 960px;
3838}
3939
@@ -196,7 +196,7 @@ iframe {
196196 }
197197 &__nav-icon {
198198 position: absolute;
199− margin-left: (2rem / 4);
199+ margin-left: (4rem / 4);
200200 width: (6rem / 4);
201201 height: (10rem / 4);
202202 left: 0;
templates/primer.html+3−3
@@ -140,7 +140,7 @@
140140 <nav class="bg-black pb-36 menu-hide overflow-y">
141141 <div class="primer-container">
142142 <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>
144144 <div class="col-sm-8 col-md-8 col-lg-4 col-sm-offset-2 white">
145145 <div class="mb-6"><a href="{{ config.base_url }}/" class="white"><h1>Urbit</h1></a></div>
146146 <div class="mb-6"><a href="{{ config.base_url }}/primer" class="white"><h1>Primer</h1></a></div>
@@ -250,7 +250,7 @@
250250 </nav>
251251 <div class="primer-container mb-5">
252252 <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">
254254 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
255255 </div>
256256 <div class="col-sm-12">
@@ -401,7 +401,7 @@
401401 <h3>=</h3></div>
402402 <div class="col-sm-12 col-md-3">
403403 <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>
405405 </div>
406406 </div>
407407 </div>