styles

pub/tree/src/css/leads.styl

@@ -19,6 +19,7 @@
     ul.list.nav
       margin 0
       line-height 2rem
+      display inline-block
       li::before
         content ''
         padding-right none
@@ -61,6 +62,10 @@
   p
     font-size 1.6rem
     line-height 3rem
+  
+  .post p
+    font-size 1.2rem
+    line-height 2.2rem
 
   .mono
     font-size 1.3rem

pub/tree/src/css/main.css

@@ -275,6 +275,7 @@ h3.time {
   width: 8rem;
   transition: margin-top 0.3s ease-in-out;
   overflow: hidden;
+  padding-top: 0.3rem;
 }
 #nav #sibs > div {
   margin-bottom: 0.6rem;
@@ -294,7 +295,7 @@ h3.time {
   font-weight: 200;
   letter-spacing: 1px;
 }
-#nav .link-next {
+.link-next {
   margin-top: 2rem;
   font-weight: 500;
 }
@@ -558,6 +559,7 @@ div.post p.ib {
 #cont.lead .bar ul.list.nav {
   margin: 0;
   line-height: 2rem;
+  display: inline-block;
 }
 #cont.lead .bar ul.list.nav li::before {
   content: '';
@@ -607,6 +609,10 @@ div.post p.ib {
   font-size: 1.6rem;
   line-height: 3rem;
 }
+#cont.lead .post p {
+  font-size: 1.2rem;
+  line-height: 2.2rem;
+}
 #cont.lead .mono {
   font-size: 1.3rem;
 }
@@ -739,15 +745,15 @@ div.post p.ib {
     opacity: 1;
     width: 42rem;
     margin-left: -21rem;
-    background-color: transparent;
-    z-index: 2;
-  }
-  #nav > div {
     background-color: #fff;
+    z-index: 2;
   }
   #nav a {
     white-space: nowrap;
   }
+  #nav #sibs {
+    width: 12rem;
+  }
   #nav #sibs > div {
     height: 20px;
     margin-bottom: 4px;
@@ -766,7 +772,7 @@ div.post p.ib {
     top: 0;
   }
   #nav > div > div {
-    max-height: 1rem;
+    max-height: 2rem;
     overflow: hidden;
     transition: max-height 0.3s ease-in-out;
   }

pub/tree/src/css/main.styl

@@ -202,6 +202,7 @@ h3.time
   width 8rem 
   transition margin-top .3s ease-in-out
   overflow hidden
+  padding-top .3rem
 
 #nav #sibs > div
   margin-bottom .6rem
@@ -221,7 +222,7 @@ h3.time
   font-weight 200
   letter-spacing 1px
 
-#nav .link-next
+.link-next
   margin-top 2rem
   font-weight 500
 

pub/tree/src/css/mobile.styl

@@ -14,15 +14,15 @@
     opacity 1
     width 42rem
     margin-left -21rem
-    background-color transparent
-    z-index 2
-  
-  #nav > div
     background-color #fff
+    z-index 2
   
   #nav a
     white-space nowrap
     
+  #nav #sibs
+    width 12rem
+    
   #nav #sibs > div
     height 20px
     margin-bottom 4px
@@ -41,7 +41,7 @@
     top 0
   
   #nav > div > div
-    max-height 1rem
+    max-height 2rem
     overflow hidden
     transition max-height .3s ease-in-out
   

pub/tree/src/js/components/BodyComponent.coffee

@@ -24,7 +24,7 @@ Next = React.createFactory query {
           next = @props.kids[next]
 
           (div {className:"link-next"}, [
-            (a {href:"#{@props.sein}/#{next.name}"}, "Next: #{next.meta.title}")
+            (a {href:"#{@props.path}/#{next.name}"}, "Next: #{next.meta.title}")
           ])
   )
 

pub/tree/src/js/main.js

@@ -456,7 +456,7 @@ Next = React.createFactory(query({
           className: "link-next"
         }, [
           a({
-            href: this.props.sein + "/" + next.name
+            href: this.props.path + "/" + next.name
           }, "Next: " + next.meta.title)
         ]);
       }