Merge branch 'master' of https://github.com/mikefrancis/barebones

scss/objects/_forms.scss

@@ -0,0 +1,49 @@
+input, select, textarea, button {
+	display: inline-block;
+	font-family: $base-font-stack;
+	font-size: 1em;
+	line-height: $base-margin-bottom + px;
+	padding: 4px 8px;
+	color: $base-colour;
+	background: $input-background;
+	border: $input-border;
+	@include border-radius(3px);
+	width: 208px;
+}
+
+textarea {
+	min-height: ($base-margin-bottom * 4) + px;
+}
+
+.control-group {
+	margin-bottom: $base-margin-bottom + px;
+}
+
+.control-label {
+	float: left;
+	width: 140px;
+}
+
+.controls {
+	margin-left: 160px;
+	@extend .clearfix;
+}
+
+	.checkbox input {
+		width: auto;
+	}
+
+.btn {
+	background: $btn-background;
+	border: $btn-border;
+	@include border-radius(3px);
+	color: $btn-color;
+	cursor: pointer;
+	display: inline-block;
+	line-height: $base-margin-bottom + px;
+	padding: 5px 20px;
+	width: auto;
+	&:hover {
+		background: $btn-background-hover;
+	}
+}

scss/objects/_nav.scss

@@ -0,0 +1,13 @@
+.nav {
+	list-style: none;
+	margin-left: 0;
+}
+
+	.nav > li {
+		 display: inline-block;
+		*display: inline;
+	}
+
+		.nav > li > a {
+			display: block;
+		}

scss/objects/_scaffolding.scss

@@ -0,0 +1,51 @@
+.container {
+  margin: 0 auto;
+  max-width: ($container-max-width - $column-gutter) * 1px;
+  padding: 0 20px;
+  @extend .clearfix;
+}
+
+.container-fluid {
+  width: 100%;
+  @extend .clearfix;
+}
+
+.row {
+  margin-left: -($column-gutter / $container-max-width) * 100%;
+  _overflow: hidden;
+  @extend .clearfix;
+  @include breakpoint(mobile) { 
+    margin-left: 0; 
+  }
+}
+
+.column {
+  display: inline;
+  float: left;
+  margin-left: ($column-gutter / $container-max-width) * 100%;
+  vertical-align: top;
+  @include breakpoint(mobile) { 
+    display: block;
+    float: none;
+    margin-left: 0;
+    width: auto !important;
+  }
+}
+
+@for $i from 1 through $column-count {
+  .column-span-#{$i} { 
+    width: (((100 / $column-count) * $i) - (($column-gutter / $container-max-width) * 100)) * 1%;
+    *width: (((100 / $column-count) * $i) - (($column-gutter / $container-max-width) * 100)) - .02 * 1%;
+  }
+}
+
+.row-no-gutters .column {
+  margin-left: 0;
+}
+
+@for $i from 1 through $column-count {
+  .row-no-gutters .column-span-#{$i} { 
+    width: ((100 / $column-count) * $i) * 1%;
+    *width: ((100 / $column-count) * $i) - .02 * 1%;
+  }
+}

scss/objects/_tables.scss

@@ -0,0 +1,21 @@
+.table {
+	width: 100%;
+	border-collapse: collapse;
+}
+
+	.table th, 
+	.table td {
+		text-align: left;
+		vertical-align: top;
+		border-top: 1px solid $table-border-colour;
+		padding: ($base-margin-bottom / 2) * 1px 10px;
+	}
+	
+	.table th {
+		font-weight: bold;
+		border-top: 0;
+	}
+
+	.table thead th {
+	  vertical-align: bottom;
+	}