summaryrefslogtreecommitdiff
path: root/source/bower_components/foundation/scss/foundation/components/_tables.scss
diff options
context:
space:
mode:
Diffstat (limited to 'source/bower_components/foundation/scss/foundation/components/_tables.scss')
-rw-r--r--source/bower_components/foundation/scss/foundation/components/_tables.scss135
1 files changed, 135 insertions, 0 deletions
diff --git a/source/bower_components/foundation/scss/foundation/components/_tables.scss b/source/bower_components/foundation/scss/foundation/components/_tables.scss
new file mode 100644
index 0000000..ba3e42e
--- /dev/null
+++ b/source/bower_components/foundation/scss/foundation/components/_tables.scss
@@ -0,0 +1,135 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @name _tables.scss
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-table-classes: $include-html-classes !default;
+
+// These control the background color for the table and even rows
+$table-bg: $white !default;
+$table-even-row-bg: $snow !default;
+
+// These control the table cell border style
+$table-border-style: solid !default;
+$table-border-size: 1px !default;
+$table-border-color: $gainsboro !default;
+
+// These control the table head styles
+$table-head-bg: $white-smoke !default;
+$table-head-font-size: rem-calc(14) !default;
+$table-head-font-color: $jet !default;
+$table-head-font-weight: $font-weight-bold !default;
+$table-head-padding: rem-calc(8 10 10) !default;
+
+// These control the table foot styles
+$table-foot-bg: $table-head-bg !default;
+$table-foot-font-size: $table-head-font-size !default;
+$table-foot-font-color: $table-head-font-color !default;
+$table-foot-font-weight: $table-head-font-weight !default;
+$table-foot-padding: $table-head-padding !default;
+
+// These control the caption
+$table-caption-bg: transparent !default;
+$table-caption-font-color: $table-head-font-color !default;
+$table-caption-font-size: rem-calc(16) !default;
+$table-caption-font-weight: bold !default;
+
+// These control the row padding and font styles
+$table-row-padding: rem-calc(9 10) !default;
+$table-row-font-size: rem-calc(14) !default;
+$table-row-font-color: $jet !default;
+$table-line-height: rem-calc(18) !default;
+
+// These are for controlling the layout, display and margin of tables
+$table-layout: auto !default;
+$table-display: table-cell !default;
+$table-margin-bottom: rem-calc(20) !default;
+
+
+//
+// @mixins
+//
+
+@mixin table {
+ background: $table-bg;
+ margin-bottom: $table-margin-bottom;
+ border: $table-border-style $table-border-size $table-border-color;
+ table-layout: $table-layout;
+
+ caption {
+ background: $table-caption-bg;
+ color: $table-caption-font-color;
+ font: {
+ size: $table-caption-font-size;
+ weight: $table-caption-font-weight;
+ }
+ }
+
+ thead {
+ background: $table-head-bg;
+
+ tr {
+ th,
+ td {
+ padding: $table-head-padding;
+ font-size: $table-head-font-size;
+ font-weight: $table-head-font-weight;
+ color: $table-head-font-color;
+ }
+ }
+ }
+
+ tfoot {
+ background: $table-foot-bg;
+
+ tr {
+ th,
+ td {
+ padding: $table-foot-padding;
+ font-size: $table-foot-font-size;
+ font-weight: $table-foot-font-weight;
+ color: $table-foot-font-color;
+ }
+ }
+ }
+
+ tr {
+ th,
+ td {
+ padding: $table-row-padding;
+ font-size: $table-row-font-size;
+ color: $table-row-font-color;
+ text-align: $default-float;
+ }
+
+ &.even,
+ &.alt,
+ &:nth-of-type(even) { background: $table-even-row-bg; }
+ }
+
+ thead tr th,
+ tfoot tr th,
+ tfoot tr td,
+ tbody tr th,
+ tbody tr td,
+ tr td { display: $table-display; line-height: $table-line-height; }
+}
+
+
+@include exports("table") {
+ @if $include-html-table-classes {
+ table {
+ @include table;
+ }
+ }
+}