Tweaks

basic/_common.scss

@@ -43,6 +43,18 @@
 
 
 
+.txt_center {
+	text-align: center !important;
+}
+.txt_right {
+	text-align: right !important;
+}
+.txt_left {
+	text-align: left !important;
+}
+
+
+
 // Clearing and floating
 // ------------------------------------------------------------------------------
 .clear {

basic/_demo.scss

@@ -58,9 +58,17 @@
 
 .demo__footer {
 	width: 100%;
-	height: 128px;
+	// height: 128px;
+	padding: $space_2 0;
 	background-color: $dark_color;
 	color: $bright_color;
+
+	nav {
+
+		a {
+			color: $bright_color;
+		}
+	}
 }
 
 .demo__avatar {

basic/_grouping.scss

@@ -5,7 +5,6 @@
 p {
 	@extend %basic;
 	margin: $basic_space 0;
-	color: $basic_font_color;
 	code {
 		padding: $tiny_space $half_space;
 		font-size: 1em;

basic/_textlevel.scss

@@ -33,14 +33,17 @@ a {
 	@extend %default_button;
 }
 
-.a__button_border {
+.a__button_text {
 	@extend %default_button;
 	padding: $wide_padding;
 	background-color: transparent;
 	color: $basic_font_color;
-	border: $cell_border;
 }
 
+.a__button_border {
+	@extend .a__button_text;
+	border: $cell_border;
+}
 
 
 // Other elements

basic/_typography.scss

@@ -61,18 +61,3 @@
 	text-overflow: ellipsis;
 	-o-text-overflow: ellipsis; // vendor
 }
-
-
-
-// Specific styles
-// -----------------------------------------------------------------------------
-
-.txt_center {
-	text-align: center !important;
-}
-.txt_right {
-	text-align: right !important;
-}
-.txt_left {
-	text-align: left !important;
-}