Tables: Update table full class to be a modifer

kristyjy · kristyjy · commit 213334c3a68d · 2016-07-19T08:43:54.000-04:00
diff --git a/demos/tables.html b/demos/tables.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<title>CSS Chassis - Tables</title>
-	<meta name="description" content="Typography skeleton for styling">
+	<meta name="description" content="Table style examples">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../dist/css/chassis.css">
 	<link rel="stylesheet" href="demos.css">
@@ -88,7 +88,7 @@ <h3>Div Table</h3>
 <h3>Full Width Table</h3>
 <p>Here's a paragraph to show spacing around the table. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum..</p>
 
-<table class="table-fullwidth">
+<table class="table table-full">
 	<thead class="table-head">
 		<tr class="table-row">
 			<th class="table-heading" scope="col">ID</th>
diff --git a/scss/atoms/tables/_tables.scss b/scss/atoms/tables/_tables.scss
@@ -12,9 +12,8 @@
 	@include table(map-get($table-base, margin), map-get($table-base, font-size));
 }
 
-.table-fullwidth {
+.table-full {
 	width: 100%;
-	@include table(map-get($table-base, margin), map-get($table-base, font-size));
 }
 
 /* thead */

Original file line number	Diff line number	Diff line change
`@@ -12,9 +12,8 @@`
`12`	`12`	`@include table(map-get($table-base, margin), map-get($table-base, font-size));`
`13`	`13`	`}`
`14`	`14`
`15`		`-.table-fullwidth {`
	`15`	`+.table-full {`
`16`	`16`	`width: 100%;`
`17`		`- @include table(map-get($table-base, margin), map-get($table-base, font-size));`
`18`	`17`	`}`
`19`	`18`
`20`	`19`	`/* thead */`