sthag
4e4f8814d3
- Replace @import with @use and @forward - Only color function is used in _basic.scss for now - Change _all.scss to _index.scss - Modules use direct dependencies - Move @include from _config.scss to _common.scss, this was a long term mistake - Remove $color_list - Change basic_color()
137 lines
2.3 KiB
SCSS
137 lines
2.3 KiB
SCSS
@use "sass:color";
|
|
|
|
@use "../global/config";
|
|
@use "../global/common";
|
|
@use "../global/typography";
|
|
@use "../elements/grouping";
|
|
|
|
// Tabular data
|
|
// -----------------------------------------------------------------------------
|
|
// table
|
|
// caption
|
|
// colgroup
|
|
// col
|
|
// tbody
|
|
// thead
|
|
// tfoot
|
|
// tr
|
|
// td
|
|
// th
|
|
|
|
|
|
|
|
// Table
|
|
// -----------------------------------------------------------------------------
|
|
table {
|
|
margin: config.$margin_double;
|
|
border: config.$border_basic;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table_blank {
|
|
border: config.$width_border_basic solid transparent;
|
|
|
|
th, td {
|
|
border: config.$width_border_basic solid transparent;
|
|
}
|
|
}
|
|
|
|
.table_free {
|
|
border: config.$width_border_basic solid transparent;
|
|
}
|
|
|
|
.table_stripe {
|
|
td {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
tr:nth-child(even) td {
|
|
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
|
|
}
|
|
}
|
|
|
|
.table_fix {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.table_file_simple {
|
|
@extend .width_full;
|
|
}
|
|
|
|
// Caption
|
|
// -----------------------------------------------------------------------------
|
|
caption {
|
|
@extend p;
|
|
padding: config.$space_half 0;
|
|
border: config.$border_dotted;
|
|
text-align: center;
|
|
}
|
|
|
|
// Columns
|
|
// -----------------------------------------------------------------------------
|
|
colgroup {
|
|
|
|
}
|
|
|
|
col {
|
|
|
|
}
|
|
|
|
// Table body
|
|
// -----------------------------------------------------------------------------
|
|
tbody {
|
|
|
|
}
|
|
|
|
// Table head
|
|
// -----------------------------------------------------------------------------
|
|
thead {
|
|
|
|
}
|
|
|
|
// Table foot
|
|
// -----------------------------------------------------------------------------
|
|
tfoot {
|
|
|
|
tr:first-child td {
|
|
border-top: config.$border_basic;
|
|
}
|
|
}
|
|
|
|
// Row
|
|
// -----------------------------------------------------------------------------
|
|
tr {
|
|
|
|
}
|
|
|
|
// Cells
|
|
// -----------------------------------------------------------------------------
|
|
th, td {
|
|
@extend %basic;
|
|
padding: config.$space_half;
|
|
}
|
|
|
|
th {
|
|
border: config.$border_basic;
|
|
text-align: left;
|
|
}
|
|
|
|
td {
|
|
border-right: config.$border_basic;
|
|
border-bottom: config.$border_basic;
|
|
}
|
|
|
|
td:last-child {
|
|
border-right: 0;
|
|
|
|
td {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.cell_pre {
|
|
// border-right-width: $width_border_4;
|
|
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
|
|
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
|
|
}
|