exposition 0.0.3.pre.alpha

data/app/assets/stylesheets/exposition/_pagination.scss

@@ -0,0 +1,18 @@
+nav.pagination {
+  @include base-padding;
+
+  margin: modular-scale(1) 0;
+
+  span {
+    background-color: $dark-background-color;
+    padding: modular-scale(-4) modular-scale(-3);
+    margin-right: modular-scale(-4);
+    text-align: center;
+    border: 1px dotted $border-color;
+    display: inline-block;
+    a {
+      color: $text-bold-color;
+    }
+
+  }
+}

data/app/assets/stylesheets/exposition/_posts.scss

@@ -0,0 +1,96 @@
+.posts, .post {
+  @include outer-container;
+  margin-top: 1em;
+}
+
+section.no-posts {
+  @include base-padding;
+}
+
+article {
+  @include outer-container;
+  @include base-padding;
+  h3 {
+    font-size: modular-scale(2);
+    margin: modular-scale(-4) 0;
+
+    a {
+      color: $text-bold-color;
+      border-bottom: 1px dotted;
+
+      &:hover {
+        color: $main-accent-color;
+      }
+
+    }
+  }
+
+  li {
+    a {
+      color: $main-accent-color;
+      border-bottom: 1px dotted $main-accent-color;
+      font-family: $serif-font;
+      // font-style: italic;
+    }
+  }
+
+
+  p {
+    line-height: modular-scale(1);
+
+    a {
+      color: $main-accent-color;
+      border-bottom: 1px dotted $main-accent-color;
+      font-family: $serif-font;
+      // font-style: italic;
+    }
+
+    em {
+      font-family: $serif-font;
+      font-style: italic;
+    }
+
+    strong {
+      font-weight: bold;
+    }
+
+  }
+
+  time {
+    color: $text-color;
+    font-size: modular-scale(-2);
+  }
+
+
+  a.continue-reading {
+    display: inline-block;
+    padding: modular-scale(-4);
+    margin: modular-scale(2) 0;
+    border-left: 4px solid $main-accent-color;
+    color: $main-accent-color;
+    font-size: modular-scale(-1);
+    font-family: $serif-font;
+  }
+
+  header {
+    padding: modular-scale(-1);
+  }
+
+  code {
+    padding: modular-scale(-5);
+    display: inline;
+    background-color: #212121;
+    color: $text-color;
+  }
+
+  pre.highlight {
+    background-color: #212121;
+    code {
+      padding: modular-scale(-1);
+      display: block;
+      background-color: #212121;
+      color: $text-color;
+    }
+  }
+}
+

data/app/assets/stylesheets/exposition/_tags.scss

@@ -0,0 +1,12 @@
+.tags {
+
+  margin: modular-scale(1) 0;
+
+  span {
+    background-color: $dark-background-color;
+    padding: modular-scale(-4);
+    a {
+      color: $text-bold-color;
+    }
+  }
+}

data/app/assets/stylesheets/exposition/_variables.scss

@@ -0,0 +1,16 @@
+$navy-blue: #192330;
+$light-blue: #F0F4F7;
+$light-gray-blue: #E3E9ED;
+$gray-blue: #C2CED7;
+$modular-scale-ratio: $perfect-fourth;
+$modular-scale-base: 1.2em;
+
+$background-color: #363636;
+$dark-background-color: #2E2E2E;
+$main-accent-color: #F0C800;
+$border-color: rgb(93, 92, 92);
+$text-bold-color: #eee;
+$text-color: #A0A0A0;
+$header-text-color: #9E9E9E;
+$serif-font: "Merriweather", serif;
+$sans-serif-font: "Merriweather Sans", sans-serif;

data/app/assets/stylesheets/exposition/admin/_layout.scss

@@ -0,0 +1,58 @@
+$modular-scale-ratio: $perfect-fourth;
+$modular-scale-base: 1.2em;
+
+nav.admin {
+  background-color: #5B5E63;
+  display: block;
+  overflow: auto;
+  @include base-padding;
+  @include outer-container(100%);
+
+  a {
+    color: #ffffff;
+
+    &:hover {
+      color: #FF9E61;
+    }
+  }
+
+  ul {
+    float: left;
+
+    li {
+      display: inline-block;
+      margin-right: modular-scale(0);
+    }
+  }
+
+  ul.login {
+    float: right;
+  }
+}
+
+h1 {
+  font-size: modular-scale(3);
+}
+
+h2 {
+  font-size: modular-scale(2);
+}
+
+section {
+  @include base-padding;
+  @include outer-container(100%);
+}
+
+.admin-title-header {
+  h2 {
+    display: inline-block;
+  }
+
+  a {
+    position: relative;
+    top: -5px;
+    padding: modular-scale(-2);
+    margin-left: modular-scale(1);
+    background-color: #eee;
+  }
+}

data/app/assets/stylesheets/exposition/admin/_mixins.scss

@@ -0,0 +1,3 @@
+@mixin base-padding {
+  padding: modular-scale(1);
+}

data/app/assets/stylesheets/exposition/admin/_notifications.scss

@@ -0,0 +1,46 @@
+$success: #96FFAE;
+$notice: #B1DEEC;
+$error: #ECB1B1;
+
+@mixin flash-color($color) {
+  background-color: $color;
+  color: darken($color, 60%);
+}
+
+.flashes {
+  div {
+    @include base-padding;
+  }
+}
+
+.flash-success {
+  @include flash-color($success);
+}
+
+.flash-notice {
+  @include flash-color($notice);
+}
+
+.flash-error {
+  @include flash-color($error);
+}
+
+#error-explanation {
+  @include flash-color($error);
+  @include base-padding;
+
+  li {
+    list-style: disc;
+    list-style-position: inside;
+  }
+}
+
+.field_with_errors {
+  input {
+    border-color: darken($error, 40%);
+  }
+
+  label {
+    color: darken($error, 40%);
+  }
+}

data/app/assets/stylesheets/exposition/admin/_pagination.scss

@@ -0,0 +1,12 @@
+nav.pagination {
+  margin: modular-scale(1) 0;
+
+  span {
+    padding: modular-scale(-4) modular-scale(-3);
+    margin-right: modular-scale(-4);
+    text-align: center;
+    border: $base-border;
+    display: inline-block;
+  }
+}
+

data/app/assets/stylesheets/exposition/admin/_posts.scss

@@ -0,0 +1,7 @@
+textarea#post_body {
+  height: modular-scale(10);
+}
+
+textarea#post_summary {
+  height: modular-scale(7);
+}

data/app/assets/stylesheets/exposition/admin/application.scss

@@ -0,0 +1,9 @@
+@import 'normalize';
+@import 'bourbon';
+@import 'base/base';
+@import 'neat';
+@import 'mixins';
+@import 'layout';
+@import 'notifications';
+@import 'posts';
+@import 'pagination';

data/app/assets/stylesheets/exposition/admin/base/_base.scss

@@ -0,0 +1,15 @@
+// Bitters 1.0.0
+// http://bitters.bourbon.io
+// Copyright 2013-2015 thoughtbot, inc.
+// MIT License
+
+@import "variables";
+
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+@import "grid-settings";
+
+@import "buttons";
+@import "forms";
+@import "lists";
+@import "tables";
+@import "typography";

data/app/assets/stylesheets/exposition/admin/base/_buttons.scss

@@ -0,0 +1,31 @@
+#{$all-button-inputs},
+button {
+  @include appearance(none);
+  -webkit-font-smoothing: antialiased;
+  background-color: $action-color;
+  border-radius: $base-border-radius;
+  border: none;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  font-weight: 600;
+  line-height: 1;
+  padding: 0.75em 1em;
+  text-decoration: none;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &:hover,
+  &:focus {
+    background-color: darken($action-color, 15%);
+    color: #fff;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}

data/app/assets/stylesheets/exposition/admin/base/_forms.scss

@@ -0,0 +1,78 @@
+fieldset {
+  background-color: lighten($base-border-color, 10%);
+  border: $base-border;
+  margin: 0 0 $small-spacing;
+  padding: $base-spacing;
+}
+
+input,
+label,
+select {
+  display: block;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+}
+
+label {
+  font-weight: 600;
+  margin-bottom: $small-spacing / 2;
+
+  &.required::after {
+    content: "*";
+  }
+
+  abbr {
+    display: none;
+  }
+}
+
+#{$all-text-inputs},
+select[multiple=multiple],
+textarea {
+  background-color: $base-background-color;
+  border: $base-border;
+  border-radius: $base-border-radius;
+  box-shadow: $form-box-shadow;
+  box-sizing: border-box;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  margin-bottom: $base-spacing / 2;
+  padding: $base-spacing / 3;
+  transition: border-color;
+  width: 100%;
+
+  &:hover {
+    border-color: darken($base-border-color, 10%);
+  }
+
+  &:focus {
+    border-color: $action-color;
+    box-shadow: $form-box-shadow-focus;
+    outline: none;
+  }
+}
+
+textarea {
+  resize: vertical;
+}
+
+input[type="search"] {
+  @include appearance(none);
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+  margin-right: $small-spacing / 2;
+}
+
+input[type="file"] {
+  padding-bottom: $small-spacing;
+  width: 100%;
+}
+
+select {
+  margin-bottom: $base-spacing;
+  max-width: 100%;
+  width: auto;
+}

data/app/assets/stylesheets/exposition/admin/base/_grid-settings.scss

@@ -0,0 +1,14 @@
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
+
+// Neat Overrides
+// $column: 90px;
+// $gutter: 30px;
+// $grid-columns: 12;
+// $max-width: em(1088);
+
+// Neat Breakpoints
+$medium-screen: em(640);
+$large-screen: em(860);
+
+$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
+$large-screen-up: new-breakpoint(min-width $large-screen 8);

data/app/assets/stylesheets/exposition/admin/base/_lists.scss

@@ -0,0 +1,31 @@
+ul,
+ol {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  &%default-ul {
+    list-style-type: disc;
+    margin-bottom: $small-spacing;
+    padding-left: $base-spacing;
+  }
+
+  &%default-ol {
+    list-style-type: decimal;
+    margin-bottom: $small-spacing;
+    padding-left: $base-spacing;
+  }
+}
+
+dl {
+  margin-bottom: $small-spacing;
+
+  dt {
+    font-weight: bold;
+    margin-top: $small-spacing;
+  }
+
+  dd {
+    margin: 0;
+  }
+}