undercase 0.2.29

data/app/assets/stylesheets/undercase_frame/_dummy_site.scss

@@ -0,0 +1,307 @@
+//
+// UF FRAME HEADER
+//
+.uf-header {
+  padding-top: $gutter;
+  padding-bottom: $gutter;
+}
+
+.uf-header-tagline {
+  color: $middle-gray;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.48em;
+}
+
+//
+// UF FRAME NAVIGATION
+//
+.uf-nav {
+  @include dark-gray-background;
+}
+.uf-nav-list {
+  a {
+    float: left;
+    color: $white;
+    padding: 10px;
+    text-decoration: none;
+    &:hover {
+      @include middle-gray-background;
+    }
+    &.current {
+      @include middle-blue-2-background;
+    }
+  }
+}
+
+//
+// UF FRAME CONTENT
+//
+.uf-container {
+  margin-top: 20px;
+  padding: $gutter 0;
+  background-color: white;
+  @include box-shadow($light-gray 0 2px 5px);
+}
+
+
+//
+// UF PATTERN SUBNAV
+//
+.uf-subnav {
+  > li {
+    border-bottom: 1px solid $lighter-gray;
+    padding: $gutter $gutter;
+    a {
+      color: $dark-gray;
+      font-size: 14px;
+      font-weight: $normal-weight;
+      line-height: 1.48em;
+      text-decoration: none;
+      display: block;
+    }
+    &:hover {
+      background-color: $lighter-gray;
+    }
+  }
+}
+
+//
+// UF PATTERN
+//
+.uf-pattern {
+  margin-bottom: 6*$gutter;
+
+  .example {
+    .rendered {
+      border: 1px solid #ccc;
+
+      .CodeRay {
+        border: none;
+        font-size: 16px !important;
+        padding: .75em 10px;
+        color: $dark-gray;
+        background-color: $lightest-gray;
+        pre {
+          white-space: pre-wrap;
+          font-family: monospace;
+          font-size: .75em;
+        }
+      }
+    }
+
+    > pre {
+      margin: 0;
+      padding: 10px;
+      background: #eee;
+    }
+  }
+}
+.uf-pattern-view-modes {
+  a {
+    padding: 2px;
+    text-decoration: none;
+  }
+}
+
+//
+// UF DESCRIPTION (MARKDOWN FORMATTED)
+//
+
+.uf-description {
+
+  h1 {
+    font-size: 1rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    line-height: 1.429rem;
+  }
+
+  h2 {
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.643rem;
+  }
+
+  p {
+    margin-bottom: 1em;
+  }
+
+  b, strong {
+    font-weight: bold;
+  }
+
+  i, em {
+    font-style: italic;
+  }
+
+  li {
+    margin-left: $gutter*2;
+  }
+
+  ol {
+    margin-bottom: 1em;
+
+    ol {
+      margin-bottom: 0;
+    }
+
+    li {
+      list-style: decimal;
+
+      li {
+        list-style: lower-latin;
+      }
+    }
+  }
+
+  ul {
+    margin-bottom: 1em;
+
+    ul {
+      margin-bottom: 0;
+    }
+
+    li {
+      list-style: disc;
+
+      li {
+        list-style: circle;
+      }
+    }
+  }
+
+  blockquote {
+    margin-bottom: 1em;
+    padding: $gutter;
+    border: 1px solid $light-gray;
+    @include border-radius(2px);
+    background-color: $lighter-gray;
+
+    p {
+      margin: 0;
+
+      + p {
+        margin-top: 1em;
+      }
+    }
+
+    blockquote {
+      margin-top: 1em;
+    }
+  }
+
+  code {
+    padding: 0 $gutter/2;
+    border: 1px solid $light-gray;
+    @include border-radius(2px);
+    font-family: monospace;
+    font-size: 0.8rem;
+    color: $middle-gray;
+    white-space: nowrap;
+    background-color: $lighter-gray;
+  }
+
+  pre {
+    padding: 0 $gutter*0.3;
+    border: 1px solid $light-gray;
+    @include border-radius(2px);
+    background-color: $lighter-gray;
+
+    code {
+      padding: 0;
+      border: 0;
+      white-space: normal;
+      background: transparent;
+    }
+  }
+}
+
+
+//
+// UF COLORS TABLE
+//
+.uf-colors {
+  line-height: $small-line-height;
+  col {
+    background-image: image-url("backgrounds/checkerboard_tile.png");
+  }
+}
+//
+// UF UTILITY CLASSES
+//
+.uf-hidden {
+  display: none;
+}
+
+.uf-bc-gray {
+  background-color: $light-gray;
+}
+
+
+//
+// KEY VALUES
+//
+.uf-key {
+  width: 400px;
+}
+.uf-value {
+  padding: 5px 0 5px 30px;
+}
+
+//
+// UF TYPE CLASSES
+//
+
+.uf-h1 {
+  color: $dark-gray;
+  font-size: 36px;
+  font-weight: $semibold-weight;
+  line-height: 1.48em;
+}
+
+.uf-h2 {
+  color: $dark-gray;
+  font-size: 16px;
+  font-weight: $semibold-weight;
+  line-height: 1.48em;
+}
+
+.uf-h3 {
+  color: $dark-gray;
+  font-size: 14px;
+  font-weight: $semibold-weight;
+  line-height: 1.48em;
+}
+
+//
+// ICONS
+//
+.uf-icon {
+  line-height: 20px;
+  @include transition(all 300ms);
+  padding-top: 5px;
+  padding-bottom: 5px;
+  &:before {
+    font-size: 20px;
+    vertical-align: middle;
+  }
+  &:hover {
+    cursor: default;
+    background-color: $darker-blue;
+    color: white;
+  }
+}
+.uf-icon-after:after {
+  font-size: 20px;
+  @include icon-inline-block;
+  content: $uc-icon-thumbs-up;
+}
+
+//
+// STUFF TO HELP DISPLAY UC
+//
+.uf-dummy-block-thin {
+  height: 20px;
+  margin-bottom: 10px;
+}

data/app/assets/stylesheets/undercase_frame/vendor/coderay.css

@@ -0,0 +1,118 @@
+.CodeRay {
+  border: 1px solid silver;
+  color: black;
+}
+.CodeRay pre {
+  margin: 0px;
+}
+
+span.CodeRay { white-space: pre; border: 0px; padding: 2px; }
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }
+table.CodeRay td { padding: 2px 4px; vertical-align: top; }
+
+.CodeRay .line-numbers {
+  background-color: hsl(180,65%,90%);
+  color: gray;
+  text-align: right;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.CodeRay .line-numbers a {
+  background-color: hsl(180,65%,90%) !important;
+  color: gray !important;
+  text-decoration: none !important;
+}
+.CodeRay .line-numbers a:target { color: blue !important; }
+.CodeRay .line-numbers .highlighted { color: red !important; }
+.CodeRay .line-numbers .highlighted a { color: red !important; }
+.CodeRay span.line-numbers { padding: 0px 4px; }
+.CodeRay .line { display: block; float: left; width: 100%; }
+.CodeRay .code { width: 100%; }
+
+.CodeRay .debug { color: white !important; background: blue !important; }
+
+.CodeRay .annotation { color:#007 }
+.CodeRay .attribute-name { color:#b48 }
+.CodeRay .attribute-value { color:#700 }
+.CodeRay .binary { color:#509 }
+.CodeRay .char .content { color:#D20 }
+.CodeRay .char .delimiter { color:#710 }
+.CodeRay .char { color:#D20 }
+.CodeRay .class { color:#B06; font-weight:bold }
+.CodeRay .class-variable { color:#369 }
+.CodeRay .color { color:#0A0 }
+.CodeRay .comment { color:#777 }
+.CodeRay .comment .char { color:#444 }
+.CodeRay .comment .delimiter { color:#444 }
+.CodeRay .complex { color:#A08 }
+.CodeRay .constant { color:#036; font-weight:bold }
+.CodeRay .decorator { color:#B0B }
+.CodeRay .definition { color:#099; font-weight:bold }
+.CodeRay .delimiter { color:black }
+.CodeRay .directive { color:#088; font-weight:bold }
+.CodeRay .doc { color:#970 }
+.CodeRay .doc-string { color:#D42; font-weight:bold }
+.CodeRay .doctype { color:#34b }
+.CodeRay .entity { color:#800; font-weight:bold }
+.CodeRay .error { color:#F00; background-color:#FAA }
+.CodeRay .escape  { color:#666 }
+.CodeRay .exception { color:#C00; font-weight:bold }
+.CodeRay .float { color:#60E }
+.CodeRay .function { color:#06B; font-weight:bold }
+.CodeRay .global-variable { color:#d70 }
+.CodeRay .hex { color:#02b }
+.CodeRay .imaginary { color:#f00 }
+.CodeRay .include { color:#B44; font-weight:bold }
+.CodeRay .inline { background-color: hsla(0,0%,0%,0.07); color: black }
+.CodeRay .inline-delimiter { font-weight: bold; color: #666 }
+.CodeRay .instance-variable { color:#33B }
+.CodeRay .integer  { color:#00D }
+.CodeRay .key .char { color: #60f }
+.CodeRay .key .delimiter { color: #404 }
+.CodeRay .key { color: #606 }
+.CodeRay .keyword { color:#080; font-weight:bold }
+.CodeRay .label { color:#970; font-weight:bold }
+.CodeRay .local-variable { color:#963 }
+.CodeRay .namespace { color:#707; font-weight:bold }
+.CodeRay .octal { color:#40E }
+.CodeRay .operator { }
+.CodeRay .predefined { color:#369; font-weight:bold }
+.CodeRay .predefined-constant { color:#069 }
+.CodeRay .predefined-type { color:#0a5; font-weight:bold }
+.CodeRay .preprocessor { color:#579 }
+.CodeRay .pseudo-class { color:#00C; font-weight:bold }
+.CodeRay .regexp .content { color:#808 }
+.CodeRay .regexp .delimiter { color:#404 }
+.CodeRay .regexp .modifier { color:#C2C }
+.CodeRay .regexp { background-color:hsla(300,100%,50%,0.06); }
+.CodeRay .reserved { color:#080; font-weight:bold }
+.CodeRay .shell .content { color:#2B2 }
+.CodeRay .shell .delimiter { color:#161 }
+.CodeRay .shell { background-color:hsla(120,100%,50%,0.06); }
+.CodeRay .string .char { color: #b0b }
+.CodeRay .string .content { color: #D20 }
+.CodeRay .string .delimiter { color: #710 }
+.CodeRay .string .modifier { color: #E40 }
+.CodeRay .symbol .content { color:#A60 }
+.CodeRay .symbol .delimiter { color:#630 }
+.CodeRay .symbol { color:#A60 }
+.CodeRay .tag { color:#070 }
+.CodeRay .type { color:#339; font-weight:bold }
+.CodeRay .value { color: #088; }
+.CodeRay .variable  { color:#037 }
+
+.CodeRay .insert { background: hsla(120,100%,50%,0.12) }
+.CodeRay .delete { background: hsla(0,100%,50%,0.12) }
+.CodeRay .change { color: #bbf; background: #007; }
+.CodeRay .head { color: #f8f; background: #505 }
+.CodeRay .head .filename { color: white; }
+
+.CodeRay .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
+.CodeRay .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+
+.CodeRay .insert .insert { color: #0c0; background:transparent; font-weight:bold }
+.CodeRay .delete .delete { color: #c00; background:transparent; font-weight:bold }
+.CodeRay .change .change { color: #88f }
+.CodeRay .head .head { color: #f4f }

data/app/assets/stylesheets/undercase_frame_application.css.scss

@@ -0,0 +1,18 @@
+$responsive: true;
+
+//
+// UNDERCASE LIBRARIES
+//
+@import 'undercase/libraries/all';
+
+//
+// UNDERCASE FRAME SPECIFIC
+//
+@import 'undercase_frame/vendor/coderay';
+@import "undercase_frame/dummy_site";
+
+//
+// UNDERCASE PATTERNS
+//
+@import 'undercase/patterns_new_front_end/all';
+@import 'undercase/patterns/all';

data/app/assets/stylesheets/undercase_frame_vendor_static.scss

@@ -0,0 +1,4 @@
+$responsive: true;
+
+@import "undercase/libraries/all";
+@import "undercase/vendor_static/all";