on master help sign in
replacing video-container % with vw
commitbf338e90bb12e68c2eaaf1078500a900d09ed559 authorJimmy <jyng02@gmail.com> dateWed 9 Oct 2019, 10:32 (7 years ago) parent07ba735
2 files changed+17−20
sass/_main.scss+14−14 templates/index.html+3−6
sass/_main.scss+14−14
@@ -8,31 +8,31 @@
88 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-extralight.woff");
99 font-weight: 200;
1010 }
11−
11+
1212 @font-face {
1313 font-family: "Source Code Pro";
1414 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-light.woff");
1515 font-weight: 300;
1616 }
17−
17+
1818 @font-face {
1919 font-family: "Source Code Pro";
2020 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-regular.woff");
2121 font-weight: 400;
2222 }
23−
23+
2424 @font-face {
2525 font-family: "Source Code Pro";
2626 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-medium.woff");
2727 font-weight: 500;
2828 }
29−
29+
3030 @font-face {
3131 font-family: "Source Code Pro";
3232 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-bold.woff");
3333 font-weight: 600;
3434 }
35−
35+
3636 @font-face {
3737 font-family: "Source Code Pro";
3838 src: url("https://storage.googleapis.com/media.urbit.org/fonts/scp-black.woff");
@@ -51,7 +51,7 @@ body {
5151
5252nav {
5353 font-size: 1rem;
54− line-height: 1.33;
54+ line-height: 1.33;
5555 // If you need to flush the nav to break
5656 // the body's margin, use this:
5757 &.full-left {
@@ -139,7 +139,7 @@ footer nav {
139139 }
140140}
141141
142−// essay template
142+// essay template
143143
144144body.essay {
145145 h1 {
@@ -337,11 +337,11 @@ input[type="search"] {
337337 }
338338 }
339339 }
340−
340+
341341 .search-results {
342342 max-height: 400px;
343343 ul {
344− position: relative;
344+ position: relative;
345345 }
346346 &__item a:hover {
347347 background: #F9F9F9;
@@ -358,7 +358,7 @@ input[type="search"] {
358358 .glossary-results__item {
359359 padding: 0 1rem 0 1rem;
360360 &:hover {
361− background-color: #F9F9F9;
361+ background-color: #F9F9F9;
362362 }
363363 }
364364
@@ -481,7 +481,7 @@ nav.docs:not(.mobile) {
481481}
482482nav.docs details {
483483 summary {
484− @extend .fw4, .black, .mt2;
484+ @extend .fw4, .black, .mt2;
485485 }
486486 & > summary::before {
487487 content: "› ";
@@ -505,10 +505,10 @@ nav.docs details {
505505
506506.video-container {
507507 position: relative;
508− padding-bottom: 56.25%;
508+ padding-bottom: 56.25vw;
509509 padding-top: 30px; height: 0; overflow: hidden;
510510}
511−
511+
512512.video-container iframe,
513513.video-container object,
514514.video-container embed {
@@ -532,4 +532,4 @@ hr {
532532
533533.scroll-smooth {
534534 scroll-behavior: smooth;
535−}
535+}
templates/index.html+3−6
@@ -16,13 +16,10 @@ style=" z-index: 2;">
1616Urbit is your last computer.
1717</h1>
1818
19−<section class="full w-100 video-container bg-black full-bleed relative" id="video" style="
20− width: 130%;
21− margin-left: -20%;
19+<section class="full video-container bg-black full-bleed relative" id="video" style="
2220">
23− <iframe src="https://player.vimeo.com/video/365181756?background=1"
21+ <iframe src="https://player.vimeo.com/video/365181756?background=1"
2422 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
25− height: 130%; z-index: 1;
2623"></iframe>
2724</section>
2825
@@ -66,7 +63,7 @@ Urbit is your last computer.
6663 <nav class="full grid12 mt4 mb6">
6764 <section class="full c4-7-lg">
6865 <h1>Understanding Urbit</h1>
69− <p class="lh-copy mt1">For a quick explanation of what Urbit is and how Urbit works, see the <a href="/understanding-urbit">introduction</a>.
66+ <p class="lh-copy mt1">For a quick explanation of what Urbit is and how Urbit works, see the <a href="/understanding-urbit">introduction</a>.
7067 If you're more technical, feel free to skip ahead to the <a href="/understanding-urbit/technical-overview">technical overview.</a></p>
7168 <ul class="full c4-7-lg">
7269 {% set posts = get_section(path="understanding-urbit/_index.md") %}