a website for danny

[challenge-bot] / challenge-bot.com / css / main.scss

diff --git a/challenge-bot.com/css/main.scss b/challenge-bot.com/css/main.scss
new file mode 100755 (executable)
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