added tutorials with commentsHEADmaster

1 files changed, 41 insertions, 0 deletions

diff --git a/design/sass/_content.scss b/design/sass/_content.scss
index e4cfb0e..2c624ee 100644
--- a/design/sass/_content.scss
+++ b/design/sass/_content.scss
@@ -45,6 +45,9 @@ article ul {
         padding: 0;
         list-style-type: none;
     }
+    li {
+        margin-bottom: 2rem;
+    }
     a { 
         text-decoration: none;
         color: lighten($body_font_color, 20);
@@ -77,3 +80,41 @@ article ul {
         background: darken(#fff, 10);
     }
 }
+#breadcrumbs {
+    @include fontsize(13);
+    @include fancy_sans;
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: lighten($body_font_color, 50);
+    a {
+        color: lighten($body_font_color, 50);
+    }
+}
+.footnote p {
+    @include fontsize(20);
+}
+pre{
+    white-space: pre-wrap;    
+}
+.highlight {
+    padding: 1rem;
+    margin-bottom: 1em;
+    // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/
+    // I tweaked it slightly to add a bit of margin
+    width: 50vw;
+    position: relative;
+    left: 33%;
+    right: 33%;
+    margin-left: -20vw;
+    margin-right: -20vw;
+    pre {
+    }
+}
+.go:before {
+    content: "$ ";
+}
+code > .comment::after {
+    display:none;
+}
+