blogelator 0.1.0

data/app/assets/stylesheets/blogelator/mixins/blogelator_logo.scss

@@ -0,0 +1,12 @@
+@import "bourbon";
+@import "blogelator/variables";
+
+@mixin blogelator-logo($size:100) {
+  background-image: image-url("blogelator/blogelator-logo.svg");
+  background-size: 100% 100%;
+  display: block;
+  height: 1px * $size;
+  overflow: hidden;
+  text-indent: -9999px;
+  width: 3.37px * $size;
+}

data/app/assets/stylesheets/blogelator/shared/post.scss

@@ -0,0 +1,161 @@
+// Styles for all blog posts
+@import "bourbon";
+@import "blogelator/variables";
+@import "neat";
+
+body.blogelator.posts .post {
+  border-bottom: 1px solid lighten($base-border-color, 8%);
+  color: $base-font-color;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+  margin-bottom: 2em;
+  padding-bottom: 1em;
+  -webkit-font-smoothing: antialiased;
+}
+
+// Post heading styles
+body.blogelator.posts .post {
+  h1, h2, h3, h4, h5, h6 {
+    font-family: $header-font-family;
+    line-height: 1.25em;
+    margin: 0 0 0.5em;
+    text-rendering: optimizeLegibility; // Fix the character spacing for headings
+  }
+
+  h1 {
+    font-size: $base-font-size * 2.25; // 16 * 2.25 = 36px
+  }
+
+  h2 {
+    font-size: $base-font-size * 2; // 16 * 2 = 32px
+  }
+
+  h3 {
+    font-size: $base-font-size * 1.75; // 16 * 1.75 = 28px
+  }
+
+  h4 {
+    font-size: $base-font-size * 1.5; // 16 * 1.5 = 24px
+  }
+
+  h5 {
+    font-size: $base-font-size * 1.25; // 16 * 1.25 = 20px
+  }
+
+  h6 {
+    font-size: $base-font-size;
+  }
+}
+
+// Post date style
+body.blogelator.posts .post {
+  & > .date {
+    color: lighten($base-font-color, 40%);
+    font-size: 0.8em;
+    margin: -0.2em auto 1em auto;
+  }
+}
+
+// Post body styles
+body.blogelator.posts .post {
+  p {
+    margin: 0 0 ($base-line-height * .5);
+  }
+
+  a {
+    color: $base-link-color;
+    text-decoration: none;
+    @include transition(color 0.1s linear);
+
+    &:hover {
+      color: $hover-link-color;
+    }
+
+    &:active, &:focus {
+      color: $hover-link-color;
+      outline: none;
+    }
+  }
+
+  hr {
+    border-bottom: 1px solid $base-border-color;
+    border-left: none;
+    border-right: none;
+    border-top: none;
+    margin: $base-line-height 0;
+  }
+
+  img {
+    margin: 0;
+    max-width: 100%;
+  }
+
+  abbr, acronym {
+    border-bottom: 1px dotted $base-border-color;
+    cursor: help;
+  }
+
+  address {
+    display: block;
+    margin: 0 0 ($base-line-height / 2);
+  }
+
+  hgroup {
+    margin-bottom: $base-line-height / 2;
+  }
+
+  del {
+    color: lighten($base-font-color, 15);
+  }
+  
+  pre {
+    font-family: "Menlo", "Monaco", monospace;
+    margin: 0;
+    padding: 0;
+  }
+  
+  code {
+    background-color: darken($base-body-color, 3%);
+    border: 1px solid $base-border-color;
+    border-radius: $base-border-radius;
+    font-family: "Menlo", "Monaco", monospace;
+    font-size: 0.95em;
+    margin-left: 1px;
+    margin-right: 1px;
+    padding: 0 4px;
+  }
+
+  blockquote {
+    border-left: 2px solid $base-border-color;
+    color: lighten($base-font-color, 15);
+    margin: $base-line-height 0;
+    padding-left: $base-line-height / 2;
+  }
+
+  cite {
+    color: lighten($base-font-color, 25);
+    font-style: italic;
+
+    &:before {
+      content: '\2014 \00A0';
+    }
+  } 
+}
+
+// Post margins
+body.blogelator.posts {
+  .post > h1,
+  .post > h2,
+  .post > .date,
+  .post > .summary,
+  .post > .body {
+    @include outer-container;
+    max-width: 700px;
+    padding: 0 $base-font-size;
+  }
+  .post > h1,
+  .post > h2 {
+    padding: 0 $base-font-size - 2px;
+  }
+}

data/app/assets/stylesheets/blogelator/shared/typography/code_highlighting.scss

@@ -0,0 +1,111 @@
+@import "bourbon";
+@import "blogelator/variables";
+
+body.blogelator .highlight,
+body.blogelator .post pre code.highlight {
+  background-color: darken($base-body-color, 3%);
+  border: 1px solid $base-border-color;
+  border-radius: $base-border-radius;
+  display: block;
+  font-family: "Menlo", "Monaco", monospace;
+  font-size: 0.8em;
+  line-height: normal;
+  margin: 0 0 1em;
+  overflow-x: auto;
+  padding: 1em;
+  width: 100%;
+
+  .sm,   /* Pygments Literal.String */
+  .s1,   /* Pygments Literal.String.Single */
+  .s2,   /* Pygments Literal.String.Double */
+  .sx,   /* Pygments Literal.String.Other */
+  .str { /* prettyprint string */
+    color: #ca2969;
+  }
+  .k,    /* Pygments Keyword */
+  .kc,   /* Pygments Keyword.Constant */
+  .kd,   /* Pygments Keyword.Declaration */
+  .kn,   /* Pygments Keyword.Namespace */
+  .kr,   /* Pygments Keyword.Reserved */
+  .kt,   /* Pygments Keyword.Type */
+  .ss,   /* Pygments Literal.String.Symbol */
+  .kwd { /* prettyprint keyword */
+    color: #814ede;
+  }
+  .c,    /* Pygments Comment */
+  .cm,   /* Pygments Comment.Multiline */
+  .cp,   /* Pygments Comment.Preproc */
+  .c1,   /* Pygments Comment.Single */
+  .cs,   /* Pygments Comment.Special */
+  .com { /* prettyprint comment */
+    color: #aaa;
+    font-style: italic;
+  }
+
+  .na,   /* Pygments Name.Attribute */
+  .nb,   /* Pygments Name.Builtin */
+  .nc,   /* Pygments Name.Class */
+  .no,   /* Pygments Name.Constant */
+  .nd,   /* Pygments Name.Decorator */
+  .ni,   /* Pygments Name.Entity */
+  .ne,   /* Pygments Name.Exception */
+  .nl,   /* Pygments Name.Label */
+  .nn,   /* Pygments Name.Namespace */
+  .py,   /* Pygments Name.Property */
+  .nt,   /* Pygments Name.Tag */
+  .bp,   /* Pygments Name.Builtin.Pseudo */
+  .vc,   /* Pygments Name.Variable.Class */
+  .vg,   /* Pygments Name.Variable.Global */
+  .vi,   /* Pygments Name.Variable.Instance */
+  .il,   /* Pygments Literal.Number.Integer.Long */
+  .typ { /* prettyprint type */
+    color: #477dca;
+  }
+  .l,    /* Pygments Literal */
+  .ld,   /* Pygments Literal.Date */
+  .m,    /* Pygments Literal.Number */
+  .mf,   /* Pygments Literal.Number.Float */
+  .mh,   /* Pygments Literal.Number.Hex */
+  .mi,   /* Pygments Literal.Number.Integer */
+  .mo,   /* Pygments Literal.Number.Oct */
+  .sb,   /* Pygments Literal.String.Backtick */
+  .sc,   /* Pygments Literal.String.Char */
+  .sd,   /* Pygments Literal.String.Doc */
+  .se,   /* Pygments Literal.String.Escape */
+  .sh,   /* Pygments Literal.String.Heredoc */
+  .si,   /* Pygments Literal.String.Interpol */
+  .sr,   /* Pygments Literal.String.Regex */
+  .lit { /* prettyprint literal */
+    color: #83c53d;
+  }
+  .o,    /* Pygments Operator */
+  .ow,   /* Pygments Operator.Word */
+  .p,    /* Pygments Punctuation */
+  .pun { /* prettyprint punctuation */
+    color: #777;
+  }
+  .n,    /* Pygments Name */
+  .nf,   /* Pygments Name.Function */
+  .nx,   /* Pygments Name.Other */
+  .nv,   /* Pygments Name.Variable */
+  .kp,   /* Pygments Keyword.Pseudo */
+  .pln { /* prettyprint plaintext */
+    color: #444;
+  }
+  .tag { /* prettyprint html/xml tag */
+    color: #477dca;
+  }
+  .atn { /* prettyprint html/xml attribute name */
+    color: #814ede;
+  }
+  .atv { /* prettyprint html/xml attribute value */
+    color: #ca2969;
+  }
+  .dec { /* prettyprint decimal */
+    color: #83c53d;
+  }
+
+  .w  { color: transparent } /* Pygments Text.Whitespace */
+  .ge { font-style: italic } /* Pygments Generic.Emph */
+  .gs { font-weight: bold }  /* Pygments Generic.Strong */
+}

data/app/assets/stylesheets/blogelator/shared/typography/forms.scss

@@ -0,0 +1,94 @@
+@import "bourbon";
+@import "blogelator/variables";
+
+$form-border-color: $base-border-color;
+$form-border-color-hover: darken($base-border-color, 10);
+$form-border-color-focus: $base-accent-color;
+$form-border-radius: $base-border-radius;
+$form-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
+$form-font-size: $base-font-size;
+$form-font-family: $base-font-family;
+
+body.blogelator {
+  fieldset {
+    background: lighten($base-border-color, 10);
+    border: 1px solid $base-border-color;
+    margin: 0 0 ($base-line-height / 2) 0;
+    padding: $base-line-height;
+  }
+
+  input,
+  label,
+  select {
+    display: block;
+    font-family: $form-font-family;
+    font-size: $form-font-size;
+  }
+
+  label {
+    font-weight: bold;
+    margin-bottom: $base-line-height / 4;
+
+    &.required:after {
+      content: "*";
+    }
+
+    abbr {
+      display: none;
+    }
+  }
+
+  textarea,
+  #{$all-text-inputs} {
+    @include box-sizing(border-box);
+    @include transition(border-color);
+    background-color: white;
+    border-radius: $form-border-radius;
+    border: 1px solid $form-border-color;
+    box-shadow: $form-box-shadow;
+    font-family: $form-font-family;
+    font-size: $form-font-size;
+    margin-bottom: $base-line-height / 2;
+    padding: ($base-line-height / 3) ($base-line-height / 3);
+    resize: vertical;
+    width: 100%;
+
+    &:hover {
+      border-color: $form-border-color-hover;
+    }
+
+    &:focus {
+      border-color: $form-border-color-focus;
+      box-shadow: $form-box-shadow-focus;
+      outline: none;
+    }
+  }
+
+  input[type="search"] {
+    @include appearance(none);
+  }
+
+  input[type="checkbox"], input[type="radio"] {
+    display: inline;
+    margin-right: $base-line-height / 4;
+  }
+
+  input[type="file"] {
+    width: 100%;
+  }
+
+  select {
+    width: auto;
+    margin-bottom: $base-line-height;
+  }
+
+  button,
+  input[type="submit"] {
+    @include appearance(none);
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    white-space: nowrap;
+  }
+}

data/app/assets/stylesheets/blogelator/shared/typography/headings.scss

@@ -0,0 +1,22 @@
+@import "bourbon";
+
+body.blogelator {
+  h1 {
+    margin-bottom: 1em;
+  }
+  h2 {
+    margin-bottom: 0.7em;
+  }
+  h3 {
+    margin-bottom: 0.5em;
+  }
+  h4 {
+    margin-bottom: 0.25em;
+  }
+  h5 {
+    margin-bottom: 0.25em;
+  }
+  h6 {
+    margin-bottom: 0.25em;
+  }
+}

data/app/assets/stylesheets/blogelator/shared/typography/lists.scss

@@ -0,0 +1,25 @@
+@import "bourbon";
+@import "blogelator/variables";
+
+body.blogelator {
+  ul, ol {
+    margin: 0;
+    padding: 0;
+    margin-bottom: $base-line-height / 2;
+    padding-left: $base-line-height;
+  }
+
+  dl {
+    line-height: $base-line-height;
+    margin-bottom: $base-line-height / 2;
+
+    dt {
+      font-weight: bold;
+      margin-top: $base-line-height / 2;
+    }
+
+    dd {
+      margin: 0;
+    }
+  }
+}

data/app/controllers/blogelator/admin/application_controller.rb

@@ -0,0 +1,15 @@
+module Blogelator
+  module Admin
+    class ApplicationController < ::ApplicationController
+      include Blogelator::Admin::Auth
+      layout "blogelator/admin"
+      before_filter :set_body_class
+      
+    private
+    
+      def set_body_class
+        @body_class = "admin"
+      end
+    end
+  end
+end