X-Git-Url: http://challenge-bot.com/repos/?p=challenge-bot;a=blobdiff_plain;f=challenge-bot.com%2Fcss%2Fmain.scss;fp=challenge-bot.com%2Fcss%2Fmain.scss;h=88fe45697c37a211b8208789fb271c9e6ffccf6c;hp=0000000000000000000000000000000000000000;hb=519ca502296190473f58e96ced1ee3edc93b7145;hpb=f1ab72e071557b0a652f40e0a2ab70d0f1974b8f

diff --git a/challenge-bot.com/css/main.scss b/challenge-bot.com/css/main.scss
new file mode 100755
index 0000000..88fe456
--- /dev/null
+++ b/challenge-bot.com/css/main.scss
@@ -0,0 +1,66 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@charset "utf-8";
+
+
+
+// Our variables
+$base-font-family: monospace;//Helvetica, Arial, sans-serif;
+$special-font: monospace;
+$base-font-size:   12px;
+$small-font-size:  $base-font-size * 0.875;
+$base-line-height: 1.5;
+
+$spacing-unit:     30px;
+
+$text-color:       #111;
+$background-color: #fdfdfd;
+$brand-color:      #00CC00;
+$highlight-color:	#00ff00;
+
+$grey-color:       #828282;
+$grey-color-light: lighten($grey-color, 40%);
+$grey-color-dark:  darken($grey-color, 25%);
+
+$on-palm:          999px;
+$on-laptop:        1000px;
+
+$h1-color:		#267F26;
+$h2-color:		#007F00;
+
+
+
+// Using media queries with like this:
+// @include media-query($palm) {
+//     .wrapper {
+//         padding-right: $spacing-unit / 2;
+//         padding-left: $spacing-unit / 2;
+//     }
+// }
+@mixin media-query($device) {
+    @media screen and (max-width: $device) {
+        @content;
+    }
+}
+
+
+
+// Import partials from `sass_dir` (defaults to `_sass`)
+@import
+        "base",
+        "layout",
+        "syntax-highlighting"
+;
+
+.main {
+	width: 90%;
+}
+.person {
+	width: 30%;
+}
+
+iframe {
+	width: 560;
+	height: 315;
+}
\ No newline at end of file