Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding responsive breakpoint variable and deleting junk files.

  • Loading branch information...
commit eb9aba0468d1affb20eab83f3c1c69193eb1bf4c 1 parent b5fb059
@cbrauckmuller authored
View
2  .gitignore
@@ -1,2 +1,4 @@
.DS_Store
+
+*.scssc
View
30 collapse.html
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
-
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
- <meta name="keywords" content="">
- <meta name="description" content="">
- <meta name="author" content="">
- <title>Helium, a lighter-than-air responsive front end</title>
- <link rel="stylesheet" href="css/master.css">
- </head>
-
- <body>
-
- <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
- simple collapsible
- </button>
-
- <div id="demo" class="collapse in">Your mom</div>
-
-
- <script src="http://code.jquery.com/jquery-latest.js"></script>
- <script src="js/bootstrap.min.js"></script>
-
- </body>
-</html>
View
124 index.html
@@ -328,130 +328,6 @@
</div><!--end container-->
</footer><!--end page-footer-->
-
- <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-inner">
-
- <form>
-
- <div class="modal-section">
- <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
- <h3>Join Fundrise</h3>
- </div>
-
- <div class="modal-section">
- <div class="field-group block">
- <label class="field-label">First Name</label>
- <div class="fields">
- <input type="text" />
- </div>
- </div>
-
- <div class="field-group block">
- <label class="field-label">Last Name</label>
- <div class="fields">
- <input type="text" />
- </div>
- </div>
-
- <div class="field-group block">
- <label class="field-label">Email Address</label>
- <div class="fields">
- <input type="email" placeholder="example@site.com" />
- </div>
- </div>
-
- <div class="field-group block">
- <label class="field-label">Password</label>
- <div class="fields">
- <input type="text" />
- </div>
- </div>
-
- <div class="field-group block">
- <label class="field-label">Password <span class="small muted">(confirm)</span></label>
- <div class="fields">
- <input type="text" />
- </div>
- </div>
-
- </div>
-
- <div class="modal-section modal-footer">
- <div class="field-group block">
- <button class="button" type="submit" data-dismiss="modal">Log in</button>
- <button class="button" type="submit" data-dismiss="modal">Cancel</button>
- </div>
- </div>
-
- </form>
-
- </div><!--end modal-inner-->
- </div><!--end modal-->
-
- <div id="myModal2" class="modal hide fade">
- <div class="modal-inner">
-
- <form>
-
- <div class="modal-section">
- <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
- <h3>Investor Login</h3>
- </div>
-
- <div class="modal-section">
- <div class="field-group block">
- <label class="field-label">Email Address</label>
- <div class="fields">
- <input type="email" placeholder="name@example.com" />
- </div>
- </div>
-
- <div class="field-group block">
- <label class="field-label">Password</label>
- <div class="fields">
- <input type="password" />
- <div class="field-instructions"><a href="#">I forgot my password</a></div>
- </div>
- </div>
- </div>
-
- <div class="modal-section modal-footer">
- <div class="field-group block">
- <button class="button" type="submit" data-dismiss="modal">Log in</button>
- <button class="button" type="submit" data-dismiss="modal">Cancel</button>
- </div>
- </div>
- </form>
-
- </div><!--end modal-inner-->
- </div><!--end modal-->
-
- <div id="myModal3" class="modal hide fade">
- <div class="modal-inner">
-
- <form>
-
- <div class="modal-section centered">
- <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
- <h3>Join Fundrise</h3>
- </div>
-
- <div class="modal-section centered">
- <div class="block">
- <button class="button button-facebook button-large has-icon-divider"><i class="icon icon-prepend"></i>Sign up with Facebook</button>
- </div>
- <p class="small muted">We will <em>never</em> post to your Facebook<br/>wall without your permission.</p>
- </div>
-
- <div class="modal-section centered">
- <div class="or-divider">or</div>
- <p><a href="#">Use our regular signup form</a></p>
- </div>
- </form>
-
- </div><!--end modal-inner-->
- </div><!--end modal-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap-transition.js"></script>
View
150 modals.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+ <meta name="keywords" content="">
+ <meta name="description" content="">
+ <meta name="author" content="">
+ <title>Helium, a lighter-than-air responsive front end</title>
+ <link rel="stylesheet" href="css/master.css">
+ </head>
+
+ <body class="fixed-page-nav responsive">
+
+ <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+ <div class="modal-inner">
+
+ <form>
+
+ <div class="modal-section">
+ <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3>Join Fundrise</h3>
+ </div>
+
+ <div class="modal-section">
+ <div class="field-group block">
+ <label class="field-label">First Name</label>
+ <div class="fields">
+ <input type="text" />
+ </div>
+ </div>
+
+ <div class="field-group block">
+ <label class="field-label">Last Name</label>
+ <div class="fields">
+ <input type="text" />
+ </div>
+ </div>
+
+ <div class="field-group block">
+ <label class="field-label">Email Address</label>
+ <div class="fields">
+ <input type="email" placeholder="example@site.com" />
+ </div>
+ </div>
+
+ <div class="field-group block">
+ <label class="field-label">Password</label>
+ <div class="fields">
+ <input type="text" />
+ </div>
+ </div>
+
+ <div class="field-group block">
+ <label class="field-label">Password <span class="small muted">(confirm)</span></label>
+ <div class="fields">
+ <input type="text" />
+ </div>
+ </div>
+
+ </div>
+
+ <div class="modal-section modal-footer">
+ <div class="field-group block">
+ <button class="button" type="submit" data-dismiss="modal">Log in</button>
+ <button class="button" type="submit" data-dismiss="modal">Cancel</button>
+ </div>
+ </div>
+
+ </form>
+
+ </div><!--end modal-inner-->
+ </div><!--end modal-->
+
+ <div id="myModal2" class="modal hide fade">
+ <div class="modal-inner">
+
+ <form>
+
+ <div class="modal-section">
+ <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3>Investor Login</h3>
+ </div>
+
+ <div class="modal-section">
+ <div class="field-group block">
+ <label class="field-label">Email Address</label>
+ <div class="fields">
+ <input type="email" placeholder="name@example.com" />
+ </div>
+ </div>
+
+ <div class="field-group block">
+ <label class="field-label">Password</label>
+ <div class="fields">
+ <input type="password" />
+ <div class="field-instructions"><a href="#">I forgot my password</a></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="modal-section modal-footer">
+ <div class="field-group block">
+ <button class="button" type="submit" data-dismiss="modal">Log in</button>
+ <button class="button" type="submit" data-dismiss="modal">Cancel</button>
+ </div>
+ </div>
+ </form>
+
+ </div><!--end modal-inner-->
+ </div><!--end modal-->
+
+ <div id="myModal3" class="modal hide fade">
+ <div class="modal-inner">
+
+ <form>
+
+ <div class="modal-section centered">
+ <button type="button" class="close right" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3>Join Fundrise</h3>
+ </div>
+
+ <div class="modal-section centered">
+ <div class="block">
+ <button class="button button-facebook button-large has-icon-divider"><i class="icon icon-prepend"></i>Sign up with Facebook</button>
+ </div>
+ <p class="small muted">We will <em>never</em> post to your Facebook<br/>wall without your permission.</p>
+ </div>
+
+ <div class="modal-section centered">
+ <div class="or-divider">or</div>
+ <p><a href="#">Use our regular signup form</a></p>
+ </div>
+ </form>
+
+ </div><!--end modal-inner-->
+ </div><!--end modal-->
+
+ <script src="http://code.jquery.com/jquery-latest.js"></script>
+ <script src="js/bootstrap-transition.js"></script>
+ <script src="js/bootstrap-dropdown.js"></script>
+ <script src="js/bootstrap-modal.js"></script>
+ <script src="js/bootstrap-collapse.js"></script>
+
+ </body>
+</html>
View
3  scss/config.scss
@@ -18,6 +18,7 @@ $twitter-blue: #00ACED;
$page-width: 940px;
$column-count: 12;
$column-gutter: 20px;
+$column-breakpoint: 767px;
// Typography
// ----------
@@ -173,7 +174,7 @@ $single-checkbox-font-size: $small-font-size;
}
}
-// Psuedo Elements
+// Pseudo Elements
// ---------------
@mixin pseudo() {
View
2  scss/grid.scss
@@ -18,7 +18,7 @@
max-width: $page-width + ($column-gutter * 2);
}
- @media screen and (max-width: 767px) {
+ @media screen and (max-width: $column-breakpoint) {
[class*="span"] {
float: none;
width: 100%;
Please sign in to comment.
Something went wrong with that request. Please try again.