Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Initial commit

  • Loading branch information...
commit 2ed2b74fa64a1216afbbfb495f7f10ab72ac9027 0 parents
@elefontpress authored
1  .gitignore
@@ -0,0 +1 @@
+*.DS_Store
8 app/scss/content.scss
@@ -0,0 +1,8 @@
+img {
+ max-width: 100%;
+ margin-bottom: 0.5em;
+ border: 1px solid #ccc;
+ margin-left: -1px;
+ margin-right: -1px;
+ display: block;
+}
160 app/scss/layout.scss
@@ -0,0 +1,160 @@
+// This is where you put your layout styles. //
+
+body {
+ margin: 0;
+}
+
+.container {
+ @include container;
+}
+
+header {
+ @include mobile-grid;
+ margin-bottom: 2em;
+ border-bottom: 1px solid $border-color;
+ padding-bottom: 1.5em;
+ h1 {
+ margin-top: 1em;
+ }
+}
+
+
+#content-wrap {
+ @include clearfix;
+}
+
+#home-featured-items {
+ margin-bottom: 2em;
+ border-bottom: 1px solid $border-color;
+ padding-bottom: 2em;
+ @include mobile-grid;
+
+ .featured-item {
+ margin-bottom: 1.5em;
+ }
+}
+
+#content {
+ @include mobile-grid;
+ margin-bottom: 1em;
+
+ #featured {
+ margin-top: 2em;
+ border-top: 1px solid $border-color;
+ padding-top: 2em;
+
+ .featured-item {
+ margin-bottom: 1.5em;
+ }
+ }
+
+ #related {
+ margin-top: 2em;
+ border-top: 1px solid $border-color;
+ padding-top: 2em;
+
+ .related-item {
+ margin-bottom: 1.5em;
+ }
+ }
+}
+
+#sidebar {
+ @include mobile-grid;
+ margin-top: 2em;
+ border-top: 1px solid $border-color;
+ padding-top: 2em;
+}
+
+footer {
+ @include mobile-grid;
+ margin-top: 2em;
+ border-top: 1px solid $border-color;
+ padding-top: 2em;
+
+}
+
+@media only screen and (min-width: 600px) {
+
+#content-wrap {
+ @include mobile-grid
+}
+
+#home-featured-items {
+ @include clearfix;
+ @include column(12);
+ @include last;
+ .featured-item {
+ @include column(6);
+ @include last-col2;
+ }
+}
+
+ #content {
+ @include column(8);
+ float: right;
+ @include last;
+ }
+
+ #sidebar {
+ @include column(4);
+ }
+
+ #featured {
+ @include clearfix;
+ .featured-items {
+ .featured-item {
+ @include column(6);
+ @include last-col2;
+ }
+ }
+ }
+
+ #related {
+ @include clearfix;
+ .related-item {
+ @include column(6);
+ @include last-col2;
+ }
+ }
+
+ #sidebar {
+ margin-top: 0;
+ padding-top: 0;
+ border: 0 none;
+ }
+}
+
+@media only screen and (min-width: 900px) {
+
+ #content {
+ margin-bottom: 0;
+
+ #featured {
+ .featured-item {
+ @include column(2);
+ &:nth-child(6) {
+ @include last;
+ }
+ }
+ }
+
+ #related {
+ .related-item {
+ @include column(3);
+ @include last-col4;
+ }
+ }
+ }
+
+ #home-featured-items {
+ .featured-item {
+ @include column(3);
+ @include last-col4;
+ }
+ }
+
+}
+
+
+
1  app/scss/lib/_colors.scss
@@ -0,0 +1 @@
+$border-color: #ccc;
72 app/scss/lib/_grid.scss
@@ -0,0 +1,72 @@
+/* Loosely based on 960.gs */
+
+$gutter_width: 3.5%;
+$columns: 12;
+$column_width: 5.125%;
+$grid_width: ((($column_width+($gutter_width))*$columns)-$gutter_width);
+
+@mixin container {
+ width: $grid_width;
+ margin: auto;
+ max-width: 1250px;
+ *zoom: 1;
+}
+
+@function column_width($num) {
+ @return ($num * $column_width) + (($num - 1) * ($gutter_width));
+}
+
+@mixin column($num) {
+ display: inline;
+ float: left;
+ width: column_width($num);
+ margin-right: $gutter_width;
+ margin-left: 0;
+}
+
+@mixin prepend($num) {
+ margin-left: column_width($num) + ($gutter_width);
+}
+
+@mixin append($num) {
+ margin-right: column_width($num) + ($gutter_width);
+}
+
+@mixin last {
+ margin-right: 0;
+}
+
+@mixin last-col2 {
+ &:nth-child(n) {
+ margin-right: $gutter-width;
+ }
+ &:nth-child(2n+2) {
+ @include last;
+ }
+}
+
+@mixin last-col3 {
+ &:nth-child(n) {
+ margin-right: $gutter-width;
+ }
+ &:nth-child(3n+3) {
+ @include last;
+ }
+}
+
+
+@mixin last-col4 {
+ &:nth-child(n) {
+ margin-right: $gutter-width;
+ }
+ &:nth-child(4n+4) {
+ @include last;
+ }
+}
+
+@mixin mobile-grid {
+ width: 95%;
+ margin-left:2.5%;
+ margin-right: 2.5%;
+}
+
0  app/scss/lib/_typography.scss
No changes.
11 app/scss/screen.scss
@@ -0,0 +1,11 @@
+// This is where you import your scss partials.//
+
+@import "compass";
+
+@import "lib/_colors.scss";
+@import "lib/_grid.scss";
+@import "lib/_typography.scss";
+
+@import "content.scss";
+@import "typography.scss";
+@import "layout.scss";
1  app/scss/typography.scss
@@ -0,0 +1 @@
+// This is where you put your typography styles. //
25 config.rb
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "public/stylesheets"
+sass_dir = "app/scss"
+images_dir = "static/images"
+javascripts_dir = "static/js"
+
+output_style = :nested
+environment = :development
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+color_output = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass app/scss scss && rm -rf sass && mv scss sass
17 config/compass.rb
@@ -0,0 +1,17 @@
+if defined?(Sinatra)
+ # This is the configuration to use when running within sinatra
+ project_path = Sinatra::Application.root
+ environment = :development
+else
+ # this is the configuration to use when running within the compass command line tool.
+ css_dir = File.join 'public', 'stylesheets'
+ relative_assets = true
+ environment = :production
+end
+
+# This is common configuration
+sass_dir = File.join 'app', 'scss'
+images_dir = File.join 'static', 'images'
+http_path = "/"
+http_images_path = "/images"
+http_stylesheets_path = "/stylesheets"
61 index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test Document</title>
+ <link href='public/stylesheets/screen.css' rel="stylesheet" media="screen, projection" type="text/css" />
+ </head>
+
+ <body>
+ <div class="container">
+ <header>
+ <h1>Site Heading</h1>
+ </header>
+ <div id="content-wrap">
+ <section id="home-featured-items">
+ <div class="featured-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/perspective.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/object.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ </section>
+ <section id="content"><h2>Page Content</h2><p>Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula egestas tincidunt. Nullam risus magna, ornare vitae varius eget, scelerisque a libero. Morbi eu porttitor ipsum. Nullam lorem nisi, posuere quis volutpat eget, luctus nec massa. Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</p>
+ <section id="featured">
+ <h3>Featured Content</h3>
+ <section class="featured-items">
+ <div class="featured-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/perspective.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/object.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/perspective.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="featured-item"><img src="static/images/object.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ </section>
+ </section>
+ <section id="related">
+ <h3>Related Content</h3>
+ <section class="related-items">
+ <div class="related-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/perspective.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/object.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/place.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/people.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/perspective.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/object.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ <div class="related-item"><img src="static/images/place.jpg" />Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</div>
+ </section>
+ </section>
+ </section>
+ <section id="sidebar">
+ <h3>Sidebar Content</h3>
+ <p>Nullam risus magna, ornare vitae varius eget, scelerisque a libero. Morbi eu porttitor ipsum. Nullam lorem nisi, posuere quis volutpat eget, luctus nec massa. Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</p>
+ <h4>Sidebar Subheading</h4>
+ <p>Nullam risus magna, ornare vitae varius eget, scelerisque a libero. Morbi eu porttitor ipsum. Nullam lorem nisi, posuere quis volutpat eget, luctus nec massa. Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</p>
+ <h4>Sidebar Subheading</h4>
+ <p>Nullam risus magna, ornare vitae varius eget, scelerisque a libero. Morbi eu porttitor ipsum. Nullam lorem nisi, posuere quis volutpat eget, luctus nec massa. Pellentesque aliquam lacinia tellus sit amet bibendum. Ut posuere justo in enim pretium scelerisque. Etiam ornare vehicula euismod. Vestibulum at risus augue. Sed non semper dolor. Sed fringilla consequat velit a porta. Pellentesque.</p></section>
+ </div>
+
+ <footer>
+ <h4>Footer Content</h4>
+ <p>Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh.</p>
+ </footer>
+ </div>
+ </body>
+</html>
8 public/stylesheets/content.css
@@ -0,0 +1,8 @@
+/* line 1, ../../app/scss/content.scss */
+img {
+ max-width: 100%;
+ margin-bottom: 0.5em;
+ border: 1px solid #ccc;
+ margin-left: -1px;
+ margin-right: -1px;
+ display: block; }
63 public/stylesheets/layout.css
@@ -0,0 +1,63 @@
+/*
+Syntax error: Undefined mixin 'container'.
+ on line 8 of /Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss, in `container'
+ from line 8 of /Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss
+
+Backtrace:
+/Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss:8:in `container'
+/Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss:8
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:249:in `visit_mixin'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:98:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:107:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:119:in `with_environment'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:106:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:316:in `visit_rule'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:98:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:107:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:119:in `with_environment'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:106:in `visit_children'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:126:in `visit_root'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:98:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:7:in `send'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/visitors/perform.rb:7:in `visit'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/tree/root_node.rb:20:in `render'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/engine.rb:315:in `_render'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../../scss/lib/sass/../sass/engine.rb:262:in `render'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:140:in `compile'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:126:in `timed'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:139:in `compile'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/logger.rb:45:in `red'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:138:in `compile'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:118:in `compile_if_required'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:103:in `run'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:101:in `each'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:101:in `run'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:126:in `timed'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/compiler.rb:100:in `run'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/commands/update_project.rb:45:in `perform'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/commands/base.rb:18:in `execute'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/commands/project_base.rb:19:in `execute'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/exec/sub_command_ui.rb:43:in `perform!'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/exec/sub_command_ui.rb:15:in `run!'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/compass:43
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/compass:57:in `call'
+/Applications/CodeKit.app/Contents/Resources/engines/compass/bin/compass:57
+*/
+body:before {
+ white-space: pre;
+ font-family: monospace;
+ content: "Syntax error: Undefined mixin 'container'.\A on line 8 of /Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss, in `container'\A from line 8 of /Users/mgriffin/Desktop/Local Clients/Refresh Demo/Test Site/app/scss/layout.scss"; }
222 public/stylesheets/screen.css
@@ -0,0 +1,222 @@
+/* Loosely based on 960.gs */
+/* line 1, ../../app/scss/content.scss */
+img {
+ max-width: 100%;
+ margin-bottom: 0.5em;
+ border: 1px solid #ccc;
+ margin-left: -1px;
+ margin-right: -1px;
+ display: block; }
+
+/* line 3, ../../app/scss/layout.scss */
+body {
+ margin: 0; }
+
+/* line 7, ../../app/scss/layout.scss */
+.container {
+ width: 100%;
+ margin: auto;
+ max-width: 1250px;
+ *zoom: 1; }
+
+/* line 11, ../../app/scss/layout.scss */
+header {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%;
+ margin-bottom: 2em;
+ border-bottom: 1px solid #cccccc;
+ padding-bottom: 1.5em; }
+ /* line 16, ../../app/scss/layout.scss */
+ header h1 {
+ margin-top: 1em; }
+
+/* line 22, ../../app/scss/layout.scss */
+#content-wrap {
+ overflow: hidden;
+ *zoom: 1; }
+
+/* line 26, ../../app/scss/layout.scss */
+#home-featured-items {
+ margin-bottom: 2em;
+ border-bottom: 1px solid #cccccc;
+ padding-bottom: 2em;
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%; }
+ /* line 32, ../../app/scss/layout.scss */
+ #home-featured-items .featured-item {
+ margin-bottom: 1.5em; }
+
+/* line 37, ../../app/scss/layout.scss */
+#content {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%;
+ margin-bottom: 1em; }
+ /* line 41, ../../app/scss/layout.scss */
+ #content #featured {
+ margin-top: 2em;
+ border-top: 1px solid #cccccc;
+ padding-top: 2em; }
+ /* line 46, ../../app/scss/layout.scss */
+ #content #featured .featured-item {
+ margin-bottom: 1.5em; }
+ /* line 51, ../../app/scss/layout.scss */
+ #content #related {
+ margin-top: 2em;
+ border-top: 1px solid #cccccc;
+ padding-top: 2em; }
+ /* line 56, ../../app/scss/layout.scss */
+ #content #related .related-item {
+ margin-bottom: 1.5em; }
+
+/* line 62, ../../app/scss/layout.scss */
+#sidebar {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%;
+ margin-top: 2em;
+ border-top: 1px solid #cccccc;
+ padding-top: 2em; }
+
+/* line 69, ../../app/scss/layout.scss */
+footer {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%;
+ margin-top: 2em;
+ border-top: 1px solid #cccccc;
+ padding-top: 2em; }
+
+@media only screen and (min-width: 600px) {
+ /* line 79, ../../app/scss/layout.scss */
+ #content-wrap {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-right: 2.5%; }
+
+ /* line 83, ../../app/scss/layout.scss */
+ #home-featured-items {
+ overflow: hidden;
+ *zoom: 1;
+ display: inline;
+ float: left;
+ width: 100%;
+ margin-right: 3.5%;
+ margin-left: 0;
+ margin-right: 0; }
+ /* line 87, ../../app/scss/layout.scss */
+ #home-featured-items .featured-item {
+ display: inline;
+ float: left;
+ width: 48.25%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 40, ../../app/scss/lib/_grid.scss */
+ #home-featured-items .featured-item:nth-child(n) {
+ margin-right: 3.5%; }
+ /* line 43, ../../app/scss/lib/_grid.scss */
+ #home-featured-items .featured-item:nth-child(2n+2) {
+ margin-right: 0; }
+
+ /* line 93, ../../app/scss/layout.scss */
+ #content {
+ display: inline;
+ float: left;
+ width: 65.5%;
+ margin-right: 3.5%;
+ margin-left: 0;
+ float: right;
+ margin-right: 0; }
+
+ /* line 99, ../../app/scss/layout.scss */
+ #sidebar {
+ display: inline;
+ float: left;
+ width: 31%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+
+ /* line 103, ../../app/scss/layout.scss */
+ #featured {
+ overflow: hidden;
+ *zoom: 1; }
+ /* line 106, ../../app/scss/layout.scss */
+ #featured .featured-items .featured-item {
+ display: inline;
+ float: left;
+ width: 48.25%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 40, ../../app/scss/lib/_grid.scss */
+ #featured .featured-items .featured-item:nth-child(n) {
+ margin-right: 3.5%; }
+ /* line 43, ../../app/scss/lib/_grid.scss */
+ #featured .featured-items .featured-item:nth-child(2n+2) {
+ margin-right: 0; }
+
+ /* line 113, ../../app/scss/layout.scss */
+ #related {
+ overflow: hidden;
+ *zoom: 1; }
+ /* line 115, ../../app/scss/layout.scss */
+ #related .related-item {
+ display: inline;
+ float: left;
+ width: 48.25%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 40, ../../app/scss/lib/_grid.scss */
+ #related .related-item:nth-child(n) {
+ margin-right: 3.5%; }
+ /* line 43, ../../app/scss/lib/_grid.scss */
+ #related .related-item:nth-child(2n+2) {
+ margin-right: 0; }
+
+ /* line 121, ../../app/scss/layout.scss */
+ #sidebar {
+ margin-top: 0;
+ padding-top: 0;
+ border: 0 none; } }
+@media only screen and (min-width: 900px) {
+ /* line 130, ../../app/scss/layout.scss */
+ #content {
+ margin-bottom: 0; }
+ /* line 134, ../../app/scss/layout.scss */
+ #content #featured .featured-item {
+ display: inline;
+ float: left;
+ width: 13.75%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 136, ../../app/scss/layout.scss */
+ #content #featured .featured-item:nth-child(6) {
+ margin-right: 0; }
+ /* line 143, ../../app/scss/layout.scss */
+ #content #related .related-item {
+ display: inline;
+ float: left;
+ width: 22.375%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 59, ../../app/scss/lib/_grid.scss */
+ #content #related .related-item:nth-child(n) {
+ margin-right: 3.5%; }
+ /* line 62, ../../app/scss/lib/_grid.scss */
+ #content #related .related-item:nth-child(4n+4) {
+ margin-right: 0; }
+
+ /* line 151, ../../app/scss/layout.scss */
+ #home-featured-items .featured-item {
+ display: inline;
+ float: left;
+ width: 22.375%;
+ margin-right: 3.5%;
+ margin-left: 0; }
+ /* line 59, ../../app/scss/lib/_grid.scss */
+ #home-featured-items .featured-item:nth-child(n) {
+ margin-right: 3.5%; }
+ /* line 62, ../../app/scss/lib/_grid.scss */
+ #home-featured-items .featured-item:nth-child(4n+4) {
+ margin-right: 0; } }
0  public/stylesheets/typography.css
No changes.
BIN  static/images/object.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  static/images/people.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  static/images/perspective.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  static/images/place.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.