Merge pull request #303 from github/slide-checklist-style-update

Slide objective list styling
github · Jan 8, 2015 · 470240a · 470240a
2 parents e88945d + c78d241
commit 470240a
Showing 1 changed file with 54 additions and 0 deletions.
diff --git a/_stylesheets/curriculum.scss b/_stylesheets/curriculum.scss
@@ -30,6 +30,8 @@ table{
   }
 }
 
+
+
 // Custom columns for hide/show of TOC
 .col-content, .col-toc{
   transition: padding 300ms, opacity 200ms;
@@ -208,6 +210,7 @@ table{
   .slide{
     h2{
       font-size: 52px;
+      margin-bottom: 30px;
     }
     h3,h4{
       font-size: 42px;
@@ -217,6 +220,45 @@ table{
       color: $gray;
     }
 
+    .objectives{
+      -webkit-column-count: 2;
+      -moz-column-count: 2;
+      column-count: 2;
+      width: 85%;
+      margin: 0 auto;
+      text-align: left;
+    }
+
+    input[type="checkbox"]{
+      display:none;
+
+      &+label{
+        width: 100%;
+        line-height: 40px;
+
+        &:before{
+          content: " ";
+          float: left;
+          font: normal normal 20px octicons;
+          text-align: center;
+          height: 20px;
+          width: 20px;
+          margin: 10px;
+          border-radius: 50%;
+          box-shadow: 0 0 0 2px $gray-lighter;
+        }
+      }
+
+      &:checked + label{
+        text-decoration: line-through;
+
+        &:before{
+          content: "\f03a";
+          color: $brand-primary;
+        }
+      }
+    }
+
     // Custom Octicon styling
     .mega-octicon{
       font-size: 110px;
@@ -263,6 +305,18 @@ table{
     width: 100%;
     display: table;
 
+    a[href^="http://"],
+    a[href^="https://"]{
+      &:after{
+        content: "";
+        margin-left: 0;
+      }
+    }
+
+    p{
+      padding: 0 20px;
+    }
+
     pre{
       width: 80%;
       padding: 2em;