absolute header placement tweak
commitb05049f48db268d46acb3c6b06aae9e19494b24a
authorMatilde Park <matilde@tlon.io>
dateWed 9 Oct 2019, 11:45 (7 years ago)
parent3b6c1a4
sass/_responsive.scss+8
@@ -13,6 +13,10 @@
1313
1414// scaling below desktop
1515@media all and (max-width: 60em) {
16+ h1#vid-header {
17+ top: 32px;
18+ left: 32px;
19+ }
1620 body.essay {
1721 article > *:not(figure):not(picture) {
1822 grid-area: auto / 1 / auto / 12;
@@ -29,6 +33,10 @@
2933
3034// custom XL breakpoint classes
3135@media screen and (min-width: 60em) {
36+ h1#vid-header {
37+ top: 10%;
38+ margin-left: -32px;
39+ }
3240 .white-xl {
3341 color: #fff;
3442 }
templates/index.html+2−3
@@ -11,9 +11,8 @@ content: " ↗";
1111
1212{% block content %}
1313
14−<h1 class="white mt0 mb0 dib fw4 absolute"
15−style="top: 32px;
16−left: 32px; z-index: 2;">
14+<h1 class="white mt0 mb0 dib db-xl tc w-100-xl fw4 absolute" id="vid-header"
15+style=" z-index: 2;">
1716Urbit is your last computer.
1817</h1>
1918