git.iko.soy/urbit.org
on master help sign in
absolute header placement tweak
b05049fMatilde Park
sass/_responsive.scss+8
compare with master
unifiedsplit
@@ -13,6 +13,10 @@
13
13
14// scaling below desktop
14// scaling below desktop
15@media all and (max-width: 60em) {
15@media all and (max-width: 60em) {
16+ h1#vid-header {
17+ top: 32px;
18+ left: 32px;
19+ }
16 body.essay {
20 body.essay {
17 article > *:not(figure):not(picture) {
21 article > *:not(figure):not(picture) {
18 grid-area: auto / 1 / auto / 12;
22 grid-area: auto / 1 / auto / 12;
@@ -29,6 +33,10 @@
29
33
30// custom XL breakpoint classes
34// custom XL breakpoint classes
31@media screen and (min-width: 60em) {
35@media screen and (min-width: 60em) {
36+ h1#vid-header {
37+ top: 10%;
38+ margin-left: -32px;
39+ }
32 .white-xl {
40 .white-xl {
33 color: #fff;
41 color: #fff;
34 }
42 }
templates/index.html+2−3
@@ -11,9 +11,8 @@ content: " ↗";
11
11
12{% block content %}
12{% block content %}
13
13
14−<h1 class="white mt0 mb0 dib fw4 absolute"
14+<h1 class="white mt0 mb0 dib db-xl tc w-100-xl fw4 absolute" id="vid-header"
15−style="top: 32px;
16−left: 32px; z-index: 2;">
15+style=" z-index: 2;">
17Urbit is your last computer.
16Urbit is your last computer.
18</h1>
17</h1>
19
18