fuel 0.3.3 → 0.3.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 28d8605e1a5b5435e17a94bd7381467e2590739c
-  data.tar.gz: 3370b405b94540b14517b1ccaa58c047129ca528
+  metadata.gz: 9ff2011eeabe8349222d67a4fbbd0d956a3f3ee0
+  data.tar.gz: 1384597d1f631815b71b008901e338d361d0bc65
 SHA512:
-  metadata.gz: 024d74132d87e1a0a945a959dcc31575155d58c8a2dbfe5bfc93d60775d219282c3f29a8962ef70c6372ba8d8d85956f27c638399ebdf490ea6d44f41572063a
-  data.tar.gz: 40410ccea80db0d2c9d33258d247d88c7f56e18616dfc10b7f0fdf10dda23d04a06e7bd64dd29ef4ec929959536a9656f8e10b9e3c8f297fb470bee84f9859d0
+  metadata.gz: 2aba7c9cf341709d86e608d452ace95d9660f790085b2ab5d31747aa9e06e7f0d13a755a78d202f16f9ca608301585f125d1e0f4ef28ec2d5748255bdef552ad
+  data.tar.gz: 04b6218fe4ca0d8f4465a7b0ae735b799ed1f706a2b28c439dc347f311926381bfc39d1da02b4ebd8d6eeceb37008a61fbf5f314bff88ce0bdd6189e44a6e5fb

data/Rakefile

@@ -25,8 +25,8 @@ require 'rake/testtask'
 
 Rake::TestTask.new(:test) do |t|
   t.libs << 'lib'
-  t.libs << 'test'
-  t.pattern = 'test/**/*_test.rb'
+  t.libs << 'spec'
+  t.pattern = 'spec/**/*_spec.rb'
   t.verbose = false
 end
 

data/app/assets/images/fuel/icons/application-icons.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-83 71 150 50"><title>application-icons</title><g fill="none" stroke="#FFF"><g stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M33.6 91.6l9 9M42.5 100.4l9-9"/></g><g transform="translate(61 11)" stroke-width="3.025"><circle cx="-73.2" cy="80.8" r="9.8"/><path stroke-linecap="round" stroke-linejoin="round" d="M-65.8 88.2l11.5 11.5"/></g><g stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><path d="M-58.8 81.8v28.8M-73 96h28.8"/></g></g></svg>

data/app/assets/images/fuel/icons/calendar-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-140 74 37 43"><title>calendar-icon</title><path fill="#9B9B9B" d="M-105.6 76.7h-4.7v-2c0-.4-.3-.8-.8-.8s-.8.3-.8.8v2h-9.2v-2c0-.4-.3-.8-.8-.8-.4 0-.8.3-.8.8v2h-9.2v-2c0-.4-.3-.8-.7-.8s-.8.3-.8.8v2h-4.7c-1.1 0-1.9.9-1.9 1.9v36.1c0 1 .9 1.9 1.9 1.9h32.5c1 0 1.9-.8 1.9-1.9V78.6c0-1-.8-1.9-1.9-1.9zm-5.5 5.3c.2 0 .3-.1.4-.1-.1.1-.2.2-.4.1-.1 0-.2 0-.3-.1.1.1.2.1.3.1zm-10.7 0c.1 0 .2 0 .3-.1-.1.1-.2.2-.3.1-.1 0-.2 0-.3-.1.1.1.2.1.3.1zm-10.8 0c.1 0 .2 0 .3-.1-.1.1-.2.2-.3.1-.1 0-.2 0-.3-.1.1.1.2.1.3.1zm27.4 32.7c0 .2-.2.4-.4.4h-32.5c-.2 0-.4-.2-.4-.4v-36c0-.2.2-.4.4-.4h4.7v1.3c-.8.3-1.3 1.1-1.3 1.9 0 1.2.9 2.1 2.1 2.1 1.1 0 2.1-.9 2.1-2.1 0-.9-.6-1.6-1.3-1.9v-1.3h9.2v1.3c-.8.3-1.3 1.1-1.3 1.9 0 1.2.9 2.1 2.1 2.1 1.1 0 2.1-.9 2.1-2.1 0-.9-.6-1.6-1.3-1.9v-1.3h9.2v1.3c-.8.3-1.3 1.1-1.3 1.9 0 1.2.9 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-.9-.6-1.6-1.3-1.9v-1.3h4.7c.2 0 .4.2.4.4l-.1 36zm-4.7-28.4h-23.9c-1.1 0-1.9.9-1.9 1.9V110c0 1 .9 1.9 1.9 1.9h23.9c1 0 1.9-.8 1.9-1.9V88.2c.1-1-.8-1.9-1.9-1.9zm.5 23.7c0 .2-.2.4-.4.4h-23.9c-.2 0-.4-.2-.4-.4V88.2c0-.2.2-.4.4-.4h23.9c.2 0 .4.2.4.4V110zm-8.1-10.5c-.2-.3-.5-.5-.8-.7.2-.1.4-.3.5-.5.3-.3.5-.7.7-1.2.1-.4.2-.9.2-1.4 0-.7-.2-1.4-.5-1.9s-.7-1-1.2-1.3c-.5-.3-1-.6-1.6-.7-1.3-.3-2.7-.3-3.8.2-.6.3-1.2.6-1.6 1.1-.4.5-.8 1-1 1.7-.2.6-.3 1.3-.3 2.1 0 .4.3.8.8.8h.7c.4 0 .7-.3.7-.7 0-.5.1-.9.2-1.3s.3-.7.5-.9c.2-.2.5-.4.8-.6.6-.3 1.4-.3 2.2-.1.3.1.6.2.9.4l.6.6c.1.2.2.5.2.8 0 .4-.1.8-.3 1-.2.3-.4.5-.7.6-.3.2-.7.3-1.1.3-.4.1-.9.1-1.3.1-.2 0-.4.1-.6.2-.1.1-.2.3-.2.5v.6c0 .2.1.4.2.5.2.1.4.2.6.2.5 0 1 0 1.5.1.4.1.8.2 1.2.4.3.2.5.4.7.7.2.3.3.7.3 1.2 0 .4-.1.8-.2 1.1-.2.3-.4.6-.6.8-.3.2-.6.4-1 .5-.9.3-1.9.2-2.6-.1-.4-.1-.7-.3-1-.6-.3-.3-.4-.6-.6-1-.1-.4-.2-.9-.2-1.4 0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2h-.7c-.4 0-.7.3-.8.7 0 .8 0 1.6.3 2.3.2.7.6 1.3 1.1 1.7.5.5 1.1.8 1.8 1.1.7.2 1.4.3 2.2.3.7 0 1.3-.1 2-.3.6-.2 1.2-.5 1.7-.9s.9-.9 1.2-1.5c.3-.6.4-1.3.4-2 0-.5-.1-1-.2-1.5 0-.5-.3-.9-.6-1.3z"/></svg>

data/app/assets/images/fuel/icons/dropdown-arrow-icon.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="11px" viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>dropdown-arrow-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M8,7 C8,7.13541734 7.95052133,7.25260367 7.8515625,7.3515625 L4.3515625,10.8515625 C4.25260367,10.9505213 4.13541734,11 4,11 C3.86458266,11 3.74739633,10.9505213 3.6484375,10.8515625 L0.1484375,7.3515625 C0.0494786719,7.25260367 0,7.13541734 0,7 C0,6.86458266 0.0494786719,6.74739633 0.1484375,6.6484375 C0.247396328,6.54947867 0.364582656,6.5 0.5,6.5 L7.5,6.5 C7.63541734,6.5 7.75260367,6.54947867 7.8515625,6.6484375 C7.95052133,6.74739633 8,6.86458266 8,7 L8,7 Z M8,4 C8,4.13541734 7.95052133,4.25260367 7.8515625,4.3515625 C7.75260367,4.45052133 7.63541734,4.5 7.5,4.5 L0.5,4.5 C0.364582656,4.5 0.247396328,4.45052133 0.1484375,4.3515625 C0.0494786719,4.25260367 0,4.13541734 0,4 C0,3.86458266 0.0494786719,3.74739633 0.1484375,3.6484375 L3.6484375,0.1484375 C3.74739633,0.0494786719 3.86458266,0 4,0 C4.13541734,0 4.25260367,0.0494786719 4.3515625,0.1484375 L7.8515625,3.6484375 C7.95052133,3.74739633 8,3.86458266 8,4 L8,4 Z" id="dropdown-arrow-icon" fill="#CCCCCC" sketch:type="MSShapeGroup"></path>
+    </g>
+</svg>

data/app/assets/images/fuel/icons/navigation-icons.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-83 71 150 50"><title>navigation-icons</title><path id="icon" fill="#FFF" d="M54.6 93.5h-2c-.2 0-.5-.2-.6-.5l-1.2-2.8c-.1-.2-.1-.5.1-.7l1.4-1.4c.3-.3.4-.6.4-1s-.1-.7-.4-1l-1.6-1.6c-.5-.5-1.4-.5-1.9 0l-1.4 1.4c-.2.1-.4.2-.7.1l-2.8-1.2c-.2-.1-.4-.3-.4-.6v-2c0-.8-.6-1.4-1.4-1.4h-2.3c-.8 0-1.4.6-1.4 1.4v2c0 .2-.2.5-.5.6L35.1 86c-.2.1-.5.1-.7-.1L33 84.5c-.5-.5-1.4-.5-1.9 0l-1.6 1.6c-.3.3-.4.6-.4 1s.1.7.4 1l1.4 1.4c.2.2.2.5.1.7L29.8 93c-.1.2-.3.4-.6.4h-2c-.8 0-1.4.6-1.4 1.4v2.3c0 .8.6 1.4 1.4 1.4h2c.2 0 .5.2.6.5l1.2 2.8c.1.2.1.5-.1.7l-1.4 1.4c-.3.3-.4.6-.4 1s.1.7.4 1l1.6 1.6c.5.5 1.4.5 1.9 0l1.4-1.4c.1-.1.4-.2.7-.1l2.8 1.2c.2.1.4.3.4.6v2c0 .8.6 1.4 1.4 1.4H42c.8 0 1.4-.6 1.4-1.4v-2c0-.2.2-.5.5-.6l2.8-1.2c.2-.1.5-.1.7.1l1.4 1.4c.5.5 1.4.5 1.9 0l1.6-1.6c.3-.3.4-.6.4-1s-.1-.7-.4-1l-1.4-1.4c-.2-.2-.2-.5-.1-.7L52 99c.1-.2.3-.4.6-.4h2c.8 0 1.4-.6 1.4-1.4v-2.3c0-.8-.6-1.4-1.4-1.4zm.3 3.6c0 .2-.1.3-.3.3h-2c-.7 0-1.4.5-1.6 1.1l-1.1 2.7c-.3.6-.2 1.5.3 1.9l1.4 1.4c.1.1.1.2.1.2s0 .1-.1.2l-1.6 1.6c-.2.2-.3.2-.4 0l-1.4-1.4c-.3-.3-.7-.5-1.2-.5-.3 0-.5.1-.7.2l-2.7 1.1c-.7.2-1.2.9-1.2 1.6v2c0 .2-.1.3-.3.3h-2.3c-.2 0-.3-.1-.3-.3v-2c0-.7-.5-1.4-1.1-1.6l-2.7-1.1c-.2-.1-.5-.2-.8-.2-.5 0-.9.2-1.2.5l-1.4 1.4c-.1.1-.3.1-.4 0l-1.6-1.6c-.1-.1-.1-.2-.1-.2s0-.1.1-.2l1.4-1.4c.5-.5.6-1.3.3-1.9l-1.1-2.7c-.2-.7-.9-1.2-1.6-1.2h-2c-.2 0-.3-.1-.3-.3v-2.3c0-.2.1-.3.3-.3h2c.7 0 1.4-.5 1.6-1.1l1.1-2.7c.3-.6.2-1.5-.3-1.9l-1.4-1.4c-.1-.1-.1-.1-.1-.2s0-.2.1-.2l1.6-1.6c.1-.1.3-.1.4 0l1.4 1.4c.3.3.7.5 1.2.5.3 0 .5-.1.7-.2l2.7-1.1c.7-.2 1.2-.9 1.2-1.6v-2c0-.2.1-.3.3-.3h2.3c.2 0 .3.1.3.3v2c0 .7.5 1.4 1.1 1.6l2.7 1.1c.6.3 1.5.2 2-.3l1.4-1.4c.1-.1.3-.1.4 0l1.6 1.6c.1.1.1.1.1.2s0 .2-.1.2l-1.4 1.4c-.5.5-.6 1.3-.3 1.9l1.1 2.7c.2.7.9 1.2 1.6 1.2h2c.2 0 .3.1.3.3v2.3zM41 91.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1 2.3 0 4.1-1.9 4.1-4.1 0-2.3-1.8-4.1-4.1-4.1zm0 7.2c-1.7 0-3.1-1.4-3.1-3.1 0-1.7 1.4-3.1 3.1-3.1 1.7 0 3.1 1.4 3.1 3.1 0 1.7-1.4 3.1-3.1 3.1zM-.4 101.2h-15.2c-.3 0-.6.3-.6.6s.2.6.6.6H-.4c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zm-2.7-10.8h5.6c.3 0 .6-.3.6-.6 0-.2-.1-.4-.2-.5l-7.8-8.2c-.2-.2-.4-.2-.6-.1-.2.1-.3.3-.3.5v5.9c-.2 1.7 1.1 3 2.7 3zm-1.8-7.5l6 6.3h-4.3c-1 0-1.8-.8-1.8-1.8v-4.5h.1zm4.5 22.2h-15.2c-.3 0-.6.3-.6.6s.2.6.6.6H-.4c.3 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6zm-15.2-18.2h7c.3 0 .5-.3.5-.6s-.2-.6-.5-.6h-7c-.3 0-.6.3-.6.6 0 .4.3.6.6.6zm18 3.8c-.3 0-.6.3-.6.6v16.6c0 1.1-.9 2-2 2h-15.9c-1.1 0-2-.9-2-2V84.1c0-1.1.9-2 2-2H-7c.3 0 .6-.3.6-.6s-.2-.6-.6-.6h-9.1c-1.7 0-3 1.3-3.1 3.1v23.8c0 1.7 1.4 3.1 3.1 3.1H-.2c1.7 0 3.1-1.4 3.1-3.1V91.2c.1-.3-.2-.5-.5-.5zm-18 .1h7c.3 0 .5-.3.5-.6s-.2-.6-.5-.6h-7c-.3 0-.6.3-.6.6s.3.6.6.6zm15.2 2.7h-15.2c-.3 0-.6.3-.6.6s.2.6.6.6H-.4c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zm0 3.9h-15.2c-.3 0-.6.3-.6.6s.2.6.6.6H-.4c.3 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6zM-58.5 96.2c4 0 7.2-3.2 7.2-7.2s-3.2-7.2-7.2-7.2-7.2 3.2-7.2 7.2 3.2 7.2 7.2 7.2zm0-13.3c3.4 0 6.2 2.8 6.2 6.2 0 3.4-2.8 6.2-6.2 6.2-3.4 0-6.2-2.8-6.2-6.2 0-3.5 2.8-6.2 6.2-6.2zm10.9 10.9c-1 0-1.9-.3-2.7-1-.2-.2-.5-.1-.7.1-.2.2-.1.5.1.7.9.8 2.1 1.2 3.3 1.2 2.9 0 5.3-2.4 5.3-5.3s-2.4-5.3-5.3-5.3c-1.2 0-2.4.4-3.3 1.2-.2.2-.3.5-.1.7.2.2.5.3.7.1.7-.6 1.7-1 2.7-1 2.3 0 4.2 1.9 4.2 4.2 0 2.5-1.9 4.4-4.2 4.4zM-51 100c-1.9-3.1-5.8-2.7-5.9-2.7h-3.2c-.1 0-3.3-.1-5.2 2.6-1 1.5-2.5 7.1-3.1 9.5-.1.3.1.6.4.6.3.1.6-.1.6-.4.6-2.5 2-7.9 2.9-9.1 1.5-2.2 4.3-2.1 4.3-2.1h3.3s3.5-.3 5 2.2v.1c.9 1.2 2.5 6.5 3.1 9 .1.2.3.4.5.4h.1c.3-.1.5-.3.4-.6-.5-2.1-2.1-8-3.2-9.5zm-18.4-5.2c1.2 0 2.4-.4 3.3-1.2.2-.2.3-.5.1-.7-.2-.2-.5-.3-.7-.1-.8.6-1.7 1-2.7 1-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 1 0 1.9.3 2.7 1 .2.2.5.1.7-.1.2-.2.1-.5-.1-.7-.9-.8-2.1-1.2-3.3-1.2-2.9 0-5.3 2.4-5.3 5.3.1 2.8 2.4 5.1 5.3 5.1zm28.4 7.3c-.6-2.5-1.1-4.2-1.7-4.9-1.4-2-3.7-1.9-3.8-1.9h-2.2c-.1 0-2.8-.3-4.2 1.7-.2.2-.1.6.1.7.2.2.6.1.7-.1 1.1-1.5 3.2-1.3 3.3-1.3h2.3s1.9 0 2.9 1.5c.3.5.8 1.6 1.5 4.6.1.2.3.4.5.4h.1c.4-.1.5-.4.5-.7zm-23.8-4.3c.1.2.5.3.7.2.2-.1.3-.5.2-.7-1.4-2.3-4.3-2-4.3-2h-2.3c-.1 0-2.4-.1-3.8 1.9-.5.8-1.1 2.5-1.7 4.9-.1.3.1.6.4.6h.1c.2 0 .5-.2.5-.4.5-2.3 1-3.9 1.5-4.6 1-1.5 2.8-1.5 2.9-1.5h2.3c.1.1 2.4-.1 3.5 1.6z"/></svg>

data/app/assets/javascripts/fuel/admin.js.erb

@@ -1,17 +1,17 @@
-$(function() {
-  $(".edit-preview-toggle").click(function(e) {
-    e.preventDefault();
-    var id = $(this).data('id');
-    if (id == "preview") {
-      var content = $("#post_content").serialize();
-      $.ajax({
-        url: 'preview',
-        data: content
-      });
-    }
-    $(".content-area").hide();
-    $("#content-" + id).show();
-    $(".edit-preview-toggle").removeClass("active");
-    $(this).addClass("active");
-  });
-});
+// $(function() {
+//   $(".edit-preview-toggle").click(function(e) {
+//     e.preventDefault();
+//     var id = $(this).data('id');
+//     if (id == "preview") {
+//       var content = $("#fuel_post_content").serialize();
+//       $.ajax({
+//         url: 'posts/preview',
+//         data: content
+//       });
+//     }
+//     $(".content-area").hide();
+//     $("#content-" + id).show();
+//     $(".edit-preview-toggle").removeClass("active");
+//     $(this).addClass("active");
+//   });
+// });

data/app/assets/javascripts/fuel/application.js

@@ -12,3 +12,11 @@
 //
 //= require jquery
 //= require fuel/admin
+//= require fuel/facebook
+//= require fuel/sliding-panel
+//= require pickadate/picker
+//= require pickadate/picker.date
+//= require fuel/datepicker
+//= require fuel/posts
+//= require froala_editor.min.js
+//= require fuel/rich-text

data/app/assets/javascripts/fuel/datepicker.js

@@ -0,0 +1,11 @@
+$(function(){
+
+  $('.datepicker').pickadate({
+    formatSubmit: 'mm/dd/yyyy',
+    hiddenSuffix: '',
+    onClose: function(){
+      $(document.activeElement).blur()
+    }
+  })
+
+});

data/app/assets/javascripts/fuel/facebook.js

@@ -0,0 +1,12 @@
+$(function() {
+
+  $(".fuel-fb").on('click', function(e){
+    e.preventDefault();
+    var url = $(this).data('url');
+    FB.ui({
+      method: 'share',
+      href: url,
+    }, function(response){});
+  });
+
+});

data/app/assets/javascripts/fuel/posts.js.erb

@@ -0,0 +1,16 @@
+$(function(){
+
+  $("#fuel_post_published").on("change", function(){
+    var val = $(this).val();
+    var $publishedAtGroup = $("#publishedAtGroup");
+    var $publishedAt = $publishedAtGroup.find("input#fuel_post_published_at");
+    if (val == "true"){
+      $publishedAtGroup.show();
+      $publishedAt.prop('disabled', false);
+    } else {
+      $publishedAtGroup.hide();
+      $publishedAt.prop('disabled', true);
+    }
+  });
+
+});

data/app/assets/javascripts/fuel/rich-text.js

@@ -0,0 +1,9 @@
+$(function() {
+  $body = $("body");
+
+  if ($("body").hasClass("posts-controller")){
+    $('#fuel_post_content').editable({
+      inlineMode: false, theme: 'gray', height: '500'
+    })
+  };
+});

data/app/assets/javascripts/fuel/sliding-panel.js

@@ -0,0 +1,11 @@
+$(function() {
+
+  $(function(){
+    $('.js-menu-trigger,.js-menu-screen').on('click touchstart',function(e) {
+      e.preventDefault();
+      $('.js-menu,.js-menu-screen').toggleClass('is-visible');
+      $('.js-menu').parents('body').toggleClass('is-fixed');
+    });
+  });
+
+});

data/app/assets/stylesheets/fuel/_page-layout.scss

@@ -0,0 +1,61 @@
+// Page Layout Component
+// ========================================
+
+
+// Variables
+$page-header-border:    1px solid $grey-light;
+$page-header-offset:    245px;
+$page-header-padding:   20px 10px;
+
+$page-offset:           0 25px 50px 275px;
+
+
+//Page Header
+.page-header {
+  @include rem(margin, 0 0 30px $page-header-offset);
+  @include rem(padding, $page-header-padding);
+  border-bottom: $page-header-border;
+  background-color: $white-base;
+  width: auto;
+}
+
+.page-header--title {
+  @include s-foxtrot;
+  margin-bottom: 0;
+  text-transform: uppercase;
+  display: inline-block;
+}
+
+.page-header--link {
+  @extend .link-primary;
+  @include font-type($primary-sans-serif, normal, 700);
+  @include s-foxtrot;
+  display: inline-block;
+  float: right;
+  text-transform: uppercase;
+}
+
+
+// Form Area
+.page-area {
+  @include rem(margin, $page-offset);
+}
+
+.form-container--left {
+  @include span-columns(7 of 12);
+}
+
+.form-container--right {
+  @include span-columns(4 of 12);
+  @include shift(1 of 12);
+  margin-right: 0;
+}
+
+.form-container--full {
+  @include row();
+  @include span-columns(12 of 12);
+}
+
+.form-group-half{
+  @include span-columns(3.5 of 7);
+}

data/app/assets/stylesheets/fuel/_post-list.scss

@@ -0,0 +1,70 @@
+// Page Siebar Component
+// ========================================
+
+
+// Variables
+$resource-item-border:       1px solid $grey-light;
+$resource-item-padding:      15px 20px;
+
+$resource-hover-background:  $white-dark;
+
+$resource-active-background: $white-dark;
+$resource-active-color:      $blue-base;
+$resource-date-color:        $grey-dark;
+
+// Structure
+.resource-list {
+  @include rem(padding-bottom, 50px);
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+
+.resource-item {
+  @include rem(padding, $resource-item-padding);
+  @include transition(all 0.2s ease-in-out);
+  border-bottom: $resource-item-border;
+  margin-top: 0;
+
+  &:hover{
+    background-color: $resource-hover-background;
+  }
+
+  &.active {
+    background-color: $resource-active-background;
+    border-left: 5px solid $resource-active-color;
+  }
+
+
+  // Resource list styles
+  .post-item--date,
+  .author-item--title {
+    @include font-type($primary-sans-serif, normal, 700);
+    @include rem(margin-bottom, 5px);
+    @include s-hotel;
+    color: $resource-date-color;
+    text-transform: uppercase;
+  }
+
+  .post-item--title,
+  .author-item--name {
+    @include rem(margin-bottom, 5px);
+    @include s-echo;
+  }
+
+  .post-item--content, .author-item--bio {
+    @include font-type($primary-serif, normal, 300);
+    @include rem(margin-bottom, 5px);
+    @include s-golf;
+  }
+
+  .author-avatar{
+    @include rem(height, 50px);
+    @include rem(margin-right, 10px);
+    @include rem(width, 50px);
+    border-radius: 30em;
+    float: left;
+    overflow: hidden;
+  }
+}

data/app/assets/stylesheets/fuel/application.css.scss

@@ -1,2 +1,27 @@
-@import 'posts';
-@import 'admin';
+/*
+*= require froala_editor.min.css
+*= require froala_style.min.css
+*= require themes/gray.min.css
+*/
+
+// Fuel Styles
+// ========================================
+
+// Imports
+@import "bourbon";
+@import "neat";
+@import "pickadate/default";
+@import "pickadate/default.date";
+
+// Settings
+@import "settings/settings";
+
+// Components
+@import "components/components";
+
+// Base
+@import "base/base";
+
+// Page Based
+@import "post-list";
+@import "page-layout";

data/app/assets/stylesheets/fuel/base/_base.scss

@@ -0,0 +1,5 @@
+// Base Stylesheets
+// ========================================
+
+@import "layout";
+@import "typography";

data/app/assets/stylesheets/fuel/base/_layout.scss

@@ -0,0 +1,54 @@
+// Base Layout Styles
+// ========================================
+
+
+// Variables
+$site-background: $white-light;
+$navbar-offset:   75px;
+
+
+// Global Styles
+html,
+body {
+  background-color: $site-background;
+  overflow-x: hidden;
+
+  .is-fixed {
+    @include position(fixed);
+    width: 100%;
+  }
+}
+
+
+// Hide/Show Classes
+.mobile--show {
+  display: block;
+  @include media($tablet-landscape){ display: none; }
+}
+
+.mobile--hide {
+  display: none;
+  @include media($tablet-landscape){ display: block; }
+}
+
+
+// Alignment
+.left { float: left; }
+.right { float: right; }
+
+
+// Page Structure
+.navbar-offset {
+  @include rem(margin-left, $navbar-offset);
+}
+
+.no-content-container {
+  margin-top: 30%;
+  text-align: center;
+
+  .no-content-message {
+    @include font-type($primary-sans-serif, normal, 700);
+    @include s-echo;
+    color: $grey-dark;
+  }
+}

data/app/assets/stylesheets/fuel/base/_typography.scss

@@ -0,0 +1,102 @@
+// Base Typography
+// ========================================
+
+html {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  @include font-type($primary-sans-serif, normal, 400);
+  @include s-foxtrot;
+  overflow-x: hidden;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  @include font-type($primary-sans-serif, normal, 700);
+  @include rem(margin-bottom, 18px);
+  color: $black-base;
+  line-height: 1.0;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1 { font-size: $font-size-base * 4.25; }
+h2 { font-size: $font-size-base * 3.25; }
+h3 { font-size: $font-size-base * 2.75; }
+h4 { font-size: $font-size-base * 1.85; }
+h5 { font-size: $font-size-base * 1.45; }
+h6 { font-size: $font-size-base; }
+
+p {
+  @include font-type($primary-sans-serif, normal, 400);
+  @include s-foxtrot;
+  @include rem(margin-bottom, 12px);
+  line-height: $base-line-height;
+}
+
+li,
+dd {
+  @include s-foxtrot;
+  @include rem(margin-top, 3px);
+  line-height: normal;
+}
+
+a {
+  @include font-type(inherit, normal, inherit);
+  @include transition(all 0.3s ease-in-out);
+  color: inherit;
+  text-decoration: none;
+
+  &:hover {
+    opacity: 0.75;
+    text-decoration: none;
+  }
+
+  &.image-link:hover {
+    opacity: 1;
+  }
+
+  &:active,
+  &:focus {
+    outline: none;
+  }
+}
+
+blockquote {
+  @include font-type($primary-sans-serif, normal, 300);
+  @include s-bravo;
+}
+
+cite {
+  @include font-type($primary-sans-serif, normal, 700);
+  @include rem(margin-top, 15px);
+  @include s-foxtrot;
+  display: block;
+}
+
+
+// Type Styles
+em { @include font-type(inherit, italic, inherit); }
+strong { @include font-type(inherit, normal, 700);  }
+
+.center { text-align: center; }
+.right { text-align: right; }
+
+.uppercase { text-transform: uppercase; }
+
+
+// Type Sizes
+.big { font-size: 35px;  @include media($tablet){ @include s-giga; } }
+.small{ @include s-hotel; }
+
+
+// Type Colors
+.inverse { color: $white-base; }