git.iko.soy/urbit.org
on master help sign in
urbit.org: Primer header padding on mobile res
a71227bMatilde Park
sass/primer.scss+9
compare with master
unifiedsplit
@@ -13548,6 +13548,7 @@ must add span in markup to display icon
13548
13548
13549/*Responsive Variables */
13549/*Responsive Variables */
13550/*Responsive Spacing */
13550/*Responsive Spacing */
13551+
13551@media only screen and (max-width: 480px) {
13552@media only screen and (max-width: 480px) {
13552 .sm-m-0 {
13553 .sm-m-0 {
13553 margin: (0rem / 4); }
13554 margin: (0rem / 4); }
@@ -16750,6 +16751,14 @@ must add span in markup to display icon
16750 padding-top: (99rem / 4);
16751 padding-top: (99rem / 4);
16751 padding-bottom: (99rem / 4); } }
16752 padding-bottom: (99rem / 4); } }
16752
16753
16754+ @media only screen and (max-width: 330px) {
16755+ .xs-mb-10 {
16756+ margin-bottom: (10rem / 4);
16757+ }
16758+ .xs-mb-28 {
16759+ margin-bottom: (28rem / 4);
16760+ }
16761+}
16753/*Responsive Typography */
16762/*Responsive Typography */
16754/** Responsive for Mobile **/
16763/** Responsive for Mobile **/
16755@media only screen and (max-width: 480px) {
16764@media only screen and (max-width: 480px) {
templates/primer.html+9−9
@@ -108,7 +108,7 @@
108 <div class="col-md-9 col-md-offset-1 mb-10">
108 <div class="col-md-9 col-md-offset-1 mb-10">
109 <h1 class="h1-large white">Table of Contents</h1></div>
109 <h1 class="h1-large white">Table of Contents</h1></div>
110 </div>
110 </div>
111− <div class="row mb-8">
111+ <div class="row mb-8 xs-mb-28 sm-mb-18">
112 <div class="col-md-12">
112 <div class="col-md-12">
113 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-urbit-is-for">
113 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-urbit-is-for">
114 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
114 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
@@ -116,7 +116,7 @@
116 </a>
116 </a>
117 </div>
117 </div>
118 </div>
118 </div>
119− <div class="row mb-8">
119+ <div class="row mb-8 sm-mb-18">
120 <div class="col-md-12">
120 <div class="col-md-12">
121 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-arvo-is">
121 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-arvo-is">
122 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
122 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
@@ -124,7 +124,7 @@
124 </a>
124 </a>
125 </div>
125 </div>
126 </div>
126 </div>
127− <div class="row mb-8">
127+ <div class="row mb-8 sm-mb-18">
128 <div class="col-md-12">
128 <div class="col-md-12">
129 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-azimuth-is">
129 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-azimuth-is">
130 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
130 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
@@ -161,7 +161,7 @@
161 </div>
161 </div>
162 <div class="row menu-toggle">
162 <div class="row menu-toggle">
163 <div class="col-sm-9 col-md-8 col-lg-12 col-sm-offset-2 col-md-offset-1 col-lg-offset-0 white">
163 <div class="col-sm-9 col-md-8 col-lg-12 col-sm-offset-2 col-md-offset-1 col-lg-offset-0 white">
164− <div class="row mb-4">
164+ <div class="row sm-mb-10 mb-4">
165 <div class="col-md-10 col-md-offset-1">
165 <div class="col-md-10 col-md-offset-1">
166 <a class="row h2 h-font white text-decoration-none" href="#what-urbit-is-for">
166 <a class="row h2 h-font white text-decoration-none" href="#what-urbit-is-for">
167 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
167 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
@@ -169,7 +169,7 @@
169 </a>
169 </a>
170 </div>
170 </div>
171 </div>
171 </div>
172− <div class="row mb-4">
172+ <div class="row mb-4 xs-mb-10">
173 <div class="col-md-10 col-md-offset-1">
173 <div class="col-md-10 col-md-offset-1">
174 <a class="row h2 h-font white text-decoration-none" href="#what-arvo-is">
174 <a class="row h2 h-font white text-decoration-none" href="#what-arvo-is">
175 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
175 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
@@ -177,7 +177,7 @@
177 </a>
177 </a>
178 </div>
178 </div>
179 </div>
179 </div>
180− <div class="row mb-4">
180+ <div class="row mb-4 sm-mb-10">
181 <div class="col-md-10 col-md-offset-1">
181 <div class="col-md-10 col-md-offset-1">
182 <a class="row h2 h-font white text-decoration-none" href="#what-azimuth-is">
182 <a class="row h2 h-font white text-decoration-none" href="#what-azimuth-is">
183 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
183 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
@@ -193,7 +193,7 @@
193 </a>
193 </a>
194 </div>
194 </div>
195 </div>
195 </div>
196− <div class="row mb-4">
196+ <div class="row mb-4 sm-mb-10">
197 <div class="col-md-10 col-md-offset-1">
197 <div class="col-md-10 col-md-offset-1">
198 <a class="row h2 h-font white text-decoration-none" href="#azimuth-distribution">
198 <a class="row h2 h-font white text-decoration-none" href="#azimuth-distribution">
199 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(5)</div>
199 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(5)</div>
@@ -262,7 +262,7 @@
262 </footer>
262 </footer>
263 </nav>
263 </nav>
264 <div class="primer-container mb-5">
264 <div class="primer-container mb-5">
265− <div id="what-urbit-is-for" class="row sm-pt-20 sm-pb-20 pt-40 pb-40">
265+ <div id="what-urbit-is-for" class="row sm-pt-20 sm-pb-28 pt-40 pb-40">
266 <div class="fixed" style="top:2.5rem;left:1rem">
266 <div class="fixed" style="top:2.5rem;left:1rem">
267 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
267 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
268 </div>
268 </div>
@@ -584,7 +584,7 @@
584 </div>
584 </div>
585 </div>
585 </div>
586 </div>
586 </div>
587− <div id="what-azimuth-is" class="primer-container sm-pt-20 sm-pb-20 pt-40 pb-40">
587+ <div id="what-azimuth-is" class="primer-container sm-pt-20 sm-pb-40 pt-40 pb-40">
588 <div class="row">
588 <div class="row">
589 <div class="col-sm-12">
589 <div class="col-sm-12">
590 <div class="row sm-h2 h1 h1-large h-font">
590 <div class="row sm-h2 h1 h1-large h-font">