mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-07-31 02:50:26 +02:00
Flag for horizontal tables added
This commit is contained in:
@@ -765,3 +765,7 @@
|
||||
- Added support for ARIA `role="button"` in the `input_control` module by default. Filesize has bloated to a horrifying 6.92KB.
|
||||
- Highly optimized `input_control` module's buttons and button groups, by removing redundant selectors, based on specificity, bringing down the filesize to a managable 6.59KB again.
|
||||
- Optimized `sticky` `footer`s and `header`s a little bit. Should have no effect on filesize.
|
||||
|
||||
## 20170116
|
||||
|
||||
- Added `$include-horizontal-table` flag in `table` module to conditionally enable/disable the `horizontal` `table`s.
|
||||
|
@@ -327,6 +327,8 @@ $table-mobile-card-spacing: 10px; // Space between <tr> cards - mobil
|
||||
$table-mobile-card-label: 'data-label'; // Attribute used to replace column headers
|
||||
// in mobile view [1]
|
||||
$table-mobile-label-font-weight:$bold-font-weight; // Font weight for mobile headers
|
||||
$include-horizontal-table: true; // Should horizontal <table> elements be
|
||||
// included? (`true`/`false`) [2]
|
||||
$table-horizontal-breakpoint: 768px; // Breakpoint for <table> horizontal view
|
||||
$table-horizontal-name: 'horizontal'; // Class name for <table> horizontal view
|
||||
$table-not-responsive-name: 'preset'; // Class name for <table> non-responsive view
|
||||
@@ -336,6 +338,8 @@ $table-striped-alt-body-back-color: // Alternate background color for
|
||||
// Notes:
|
||||
// [1] - The attribute specified in $table-mobile-card-label must be added manually to each and every element in the table
|
||||
// in order for their mobile headers to display properly.
|
||||
// [2] - If $include-horizontal-table is `true`, then the <table> horizontal biew will be included in a class defined by
|
||||
// $table-horizontal-name and a breakpoint defined in $table-horizontal-breakpoint.
|
||||
// Variables for cards [1]
|
||||
$card-name: 'card'; // Class name for cards
|
||||
$card-back-color: #fafafa; // Background color for cards
|
||||
|
@@ -111,7 +111,9 @@ $table-not-responsive-name: 'preset' !default; // Class name for table n
|
||||
}
|
||||
}
|
||||
// Horizontal table view.
|
||||
$include-horizontal-table: true !default; // Should horizontal tables be included?
|
||||
$table-horizontal-name: 'horizontal' !default; // Class name for table horizontal view
|
||||
@if $include-horizontal-table {
|
||||
@media (min-width: #{$table-horizontal-breakpoint}) {
|
||||
table.#{$table-horizontal-name} {
|
||||
// Old syntax
|
||||
@@ -281,6 +283,7 @@ $table-horizontal-name: 'horizontal' !default; // Class name for table h
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
// Striped tables.
|
||||
$table-striped-name: 'striped' !default; // Class name for striped table
|
||||
table.#{$table-striped-name} {
|
||||
|
Reference in New Issue
Block a user