git.iko.soy/urbit.org
on master help sign in
urbit.org: Primer header padding on mobile res
commita71227b98093e59ebbd7438ba4fb81fe78638eaa authorMatilde Park <matilde@park.computer> dateSun 1 Sep 2019, 18:01 (7 years ago) parentfdac29a
2 files changed+18−9
compare with master
unifiedsplit
sass/primer.scss+9 templates/primer.html+9−9
sass/primer.scss+9
@@ -13548,6 +13548,7 @@ must add span in markup to display icon
1354813548
1354913549/*Responsive Variables */
1355013550/*Responsive Spacing */
13551+
1355113552@media only screen and (max-width: 480px) {
1355213553 .sm-m-0 {
1355313554 margin: (0rem / 4); }
@@ -16750,6 +16751,14 @@ must add span in markup to display icon
1675016751 padding-top: (99rem / 4);
1675116752 padding-bottom: (99rem / 4); } }
1675216753
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+}
1675316762/*Responsive Typography */
1675416763/** Responsive for Mobile **/
1675516764@media only screen and (max-width: 480px) {
templates/primer.html+9−9
@@ -108,7 +108,7 @@
108108 <div class="col-md-9 col-md-offset-1 mb-10">
109109 <h1 class="h1-large white">Table of Contents</h1></div>
110110 </div>
111− <div class="row mb-8">
111+ <div class="row mb-8 xs-mb-28 sm-mb-18">
112112 <div class="col-md-12">
113113 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-urbit-is-for">
114114 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
@@ -116,7 +116,7 @@
116116 </a>
117117 </div>
118118 </div>
119− <div class="row mb-8">
119+ <div class="row mb-8 sm-mb-18">
120120 <div class="col-md-12">
121121 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-arvo-is">
122122 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
@@ -124,7 +124,7 @@
124124 </a>
125125 </div>
126126 </div>
127− <div class="row mb-8">
127+ <div class="row mb-8 sm-mb-18">
128128 <div class="col-md-12">
129129 <a class="row sm-h2 h1 h1-large h-font white text-decoration-none" href="#what-azimuth-is">
130130 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
@@ -161,7 +161,7 @@
161161 </div>
162162 <div class="row menu-toggle">
163163 <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">
165165 <div class="col-md-10 col-md-offset-1">
166166 <a class="row h2 h-font white text-decoration-none" href="#what-urbit-is-for">
167167 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(1)</div>
@@ -169,7 +169,7 @@
169169 </a>
170170 </div>
171171 </div>
172− <div class="row mb-4">
172+ <div class="row mb-4 xs-mb-10">
173173 <div class="col-md-10 col-md-offset-1">
174174 <a class="row h2 h-font white text-decoration-none" href="#what-arvo-is">
175175 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(2)</div>
@@ -177,7 +177,7 @@
177177 </a>
178178 </div>
179179 </div>
180− <div class="row mb-4">
180+ <div class="row mb-4 sm-mb-10">
181181 <div class="col-md-10 col-md-offset-1">
182182 <a class="row h2 h-font white text-decoration-none" href="#what-azimuth-is">
183183 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(3)</div>
@@ -193,7 +193,7 @@
193193 </a>
194194 </div>
195195 </div>
196− <div class="row mb-4">
196+ <div class="row mb-4 sm-mb-10">
197197 <div class="col-md-10 col-md-offset-1">
198198 <a class="row h2 h-font white text-decoration-none" href="#azimuth-distribution">
199199 <div class="col-sm-1 col-md-1 col-md-offset-1 center dlig">(5)</div>
@@ -262,7 +262,7 @@
262262 </footer>
263263 </nav>
264264 <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">
266266 <div class="fixed" style="top:2.5rem;left:1rem">
267267 <div class="col-sm-1 menu-toggle"><img class="w-8 h-8" src="../assets/menu-open.svg" /></div>
268268 </div>
@@ -584,7 +584,7 @@
584584 </div>
585585 </div>
586586 </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">
588588 <div class="row">
589589 <div class="col-sm-12">
590590 <div class="row sm-h2 h1 h1-large h-font">