mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-12 08:53:59 +02:00
Responsiveness for striped tables
This commit is contained in:
3
dist/mini-default.css
vendored
3
dist/mini-default.css
vendored
@@ -939,6 +939,9 @@ table {
|
|||||||
table.striped tr:nth-of-type(2n) > td {
|
table.striped tr:nth-of-type(2n) > td {
|
||||||
background: #eeeeee; }
|
background: #eeeeee; }
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
table.striped:not(.preset) tr:nth-of-type(2n) {
|
||||||
|
background: #eeeeee; } }
|
||||||
.card {
|
.card {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
|
2
dist/mini-default.min.css
vendored
2
dist/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -505,3 +505,4 @@
|
|||||||
- Tested new `table` module functionality thoroughly. Everything seems to work like a charm, even if the implementation is a little bit fiddly due to flexbox playing some tricks.
|
- Tested new `table` module functionality thoroughly. Everything seems to work like a charm, even if the implementation is a little bit fiddly due to flexbox playing some tricks.
|
||||||
- Updated a few colors for consistency.
|
- Updated a few colors for consistency.
|
||||||
- Added support for `striped` `table`s in the `table` module. Updated accordingly with variables and the likes.
|
- Added support for `striped` `table`s in the `table` module. Updated accordingly with variables and the likes.
|
||||||
|
- Added responsiveness for `striped` `table`s.
|
@@ -171,7 +171,7 @@
|
|||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="horizontal">
|
<table class="horizontal striped">
|
||||||
<caption>Hacker List</caption>
|
<caption>Hacker List</caption>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
@@ -277,4 +277,12 @@ table.#{$table-striped-name} {
|
|||||||
tr:nth-of-type(2n) > td {
|
tr:nth-of-type(2n) > td {
|
||||||
background: $table-striped-alt-body-back-color;
|
background: $table-striped-alt-body-back-color;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
// Responsiveness for striped tables.
|
||||||
|
@media (max-width: #{$table-mobile-breakpoint}) {
|
||||||
|
table.#{$table-striped-name}:not(.#{$table-not-responsive-name}) {
|
||||||
|
tr:nth-of-type(2n) {
|
||||||
|
background: $table-striped-alt-body-back-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Reference in New Issue
Block a user