Change doc styling slightly

dfeeney-webdev · Dec 4, 2014 · f81fc3a · f81fc3a
1 parent d1ce837
commit f81fc3a
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 15 deletions.
diff --git a/docs/assets/scss/docs/_docs.scss b/docs/assets/scss/docs/_docs.scss
@@ -13,7 +13,7 @@
 // table
 
 $primary: #002b36;
-$secondary: #d8d8d8;
+$secondary: #efefef;
 $alert: #cf2a0e;
 $success: #43AC6A;
 $gutter: 40px;
@@ -58,32 +58,32 @@ $rad: 5px;
     tr {
       width: 100%;
         td {
-          border-right: 2px solid $primary;
+          border-right: 2px solid #ddd;
         }
         &:first-child {
-          td { border-top: 2px solid $primary; }
+          td { border-top: 2px solid #ddd; }
           td:first-child {
-            border-top-left-radius: $rad;
+
           }
           td:last-child {
-            border-top-right-radius: $rad;
+
           }
         }
         &:last-child {
-          td { border-bottom: 2px solid $primary; }
+          td { border-bottom: 2px solid #ddd; }
           td:first-child {
-            border-bottom-left-radius: $rad;
+
           }
           td:last-child {
-            border-bottom-right-radius: $rad;
+
           }
         }
         td:first-child {
           width: 25%;
           padding: 10px;
           color: $primary;
           font-weight: bold;
-          border-left: 2px solid $primary;
+          border-left: 2px solid #ddd;
         }
         td.marker.yes {
           width: 10%;
@@ -108,10 +108,10 @@ $rad: 5px;
         width: 100%;
         border-top: none;
         border-bottom: none;
-        border-left: 2px solid $primary;
+        border-left: 2px solid #ddd;
       }
       tr:first-child td:first-child {
-        border-top-right-radius: $rad;
+
       }
       tr:first-child td:last-child {
         border-top-right-radius: 0;
@@ -120,11 +120,10 @@ $rad: 5px;
         border-bottom-left-radius: 0;
       }
       tr:last-child td:last-child {
-        border-bottom-left-radius: $rad;
-        border-bottom: 2px solid $primary;
+        border-bottom: 2px solid #ddd;
       }
       tr td:first-child {
-        border-top: 2px solid $primary;
+        border-top: 2px solid #ddd;
           & + td {
             padding: 0 10px 10px;
           }

diff --git a/docs/templates/angular.html b/docs/templates/angular.html
@@ -5,10 +5,13 @@
 ---
 
 <h2>AngularJS</h2>
+<h3 class="subheader">Foundation uses AngularJS in tons of neat ways, from dynamic routing to component directives. Learn about our AngularJS integration here.</h3>
 
+<hr>
+<h3>Gulp Tasks</h3>
 <p>Gulp will watch for file changes in the `client` directory. Upon change, all files will be copied over to the `build` directory and the webserver will be reloaded. Note that the build directory will be deleted and recompiled upon each change. This means that any updates to files in the `build` directory will be deleted.</p>
 
-<hr />
+<hr>
 
 <h3>Dynamic Routing</h3>
 <p>To simplify the routing process, this project includes dynamic routing. Here's how it works:</p>
@@ -35,6 +38,27 @@ <h3>Usage</h3>
 
 <hr />
 
+<h3>UI Views</h3>
+<p>Your routes will be called into a view, which is essentially a hole in your page for the content to go in. A route looks like the following:</p>
+
+<hljs>
+<!-- Basic UI View -->
+<div ui-view>
+
+</div>
+
+<!-- Or add Ui View to our existing grid classes -->
+<div ui-view class="grid-block small-12">
+
+</div>
+
+<!-- Or to animate your views you can add the ng-class of ui-animation -->
+<div ng-class="['ui-animation']" ui-view>
+
+</div>
+</hljs>
+
+
 <h3>Parent</h3>
 <p>`parent` to specify a parent template. This can also be done using standard dot-delimited convention in the name. So you can either do this:</p>