diff default/node_modules/tablesaw/src/tables.stack-mixin.scss @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/default/node_modules/tablesaw/src/tables.stack-mixin.scss	Sat May 31 09:21:51 2025 +0800
@@ -0,0 +1,71 @@
+/* Tablesaw Sass Mixins */
+
+@mixin tablesaw-stack-max {
+  /* Table rows have a gray bottom stroke by default */
+  .tablesaw-stack tbody tr {
+    display: block;
+    width: 100%;
+    border-bottom: 1px solid #dfdfdf;
+  }
+  .tablesaw-stack thead td,
+  .tablesaw-stack thead th {
+    display: none;
+  }
+  .tablesaw-stack tbody td,
+  .tablesaw-stack tbody th {
+    display: block;
+    float: left;
+    clear: left;
+    width: 100%;
+  }
+  .tablesaw-cell-label {
+    vertical-align: top;
+  }
+  .tablesaw-cell-content {
+    max-width: 67%;
+    display: inline-block;
+  }
+  .tablesaw-stack td:empty,
+  .tablesaw-stack th:empty {
+    display: none;
+  }
+}
+
+@mixin tablesaw-stack-min {
+  .tablesaw-stack tr {
+    display: table-row;
+  }
+  /* Show the table header rows */
+  .tablesaw-stack td,
+  .tablesaw-stack th,
+  .tablesaw-stack thead td,
+  .tablesaw-stack thead th {
+    display: table-cell;
+    margin: 0;
+  }
+  /* Hide the labels in each cell */
+  .tablesaw-stack td .tablesaw-cell-label,
+  .tablesaw-stack th .tablesaw-cell-label {
+    display: none !important;
+  }
+}
+
+$use-respond-mixins: false !default;
+@mixin tablesaw-stack( $breakpoint: 40em ) {
+  @if $use-respond-mixins {
+    @include respond-max($breakpoint - .0625) {
+      @include tablesaw-stack-max;
+    }
+    @include respond-min($breakpoint) {
+      @include tablesaw-stack-min;
+    }
+  }
+  @else {
+    @media (max-width: ($breakpoint - .0625)) {
+      @include tablesaw-stack-max;
+    }
+    @media (min-width: $breakpoint) {
+      @include tablesaw-stack-min;
+    }
+  }
+}
\ No newline at end of file