Mercurial > nebulaweb3
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