1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-13 01:13:59 +02:00

Tab cleanup

This commit is contained in:
Angelos Chalaris
2016-11-10 11:17:22 +02:00
parent 99b5454a3a
commit 49a055e91d
4 changed files with 229 additions and 227 deletions

View File

@@ -906,7 +906,7 @@ th:first-child, td:first-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
@media only screen and (max-width: 800px) {
@media (max-width: 800px) {
.tabs {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;

File diff suppressed because one or more lines are too long

View File

@@ -392,4 +392,5 @@
- Removed `spinner` file.
- Cleanup for `navigation`.
- Cleanup for `utility`.
- Cleanup for `card`. Changed loading order and variables to better reflect the new module system.
- Cleanup for `card`. Changed loading order and variables to better reflect the new module system. Updated media queries.
- Cleanup for `tab`, updated media queries.

View File

@@ -157,7 +157,8 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
border-top-right-radius: 0;
border-bottom-left-radius: $tab-border-radius;
border-bottom-right-radius: $tab-border-radius;
} // Keep :first-of-type below :last-of-type to make sure that single collapses get proper radiuses
}
// Keep :first-of-type below :last-of-type to make sure that single collapses get proper radiuses
&:first-of-type {
border-top-right-radius: $tab-border-radius;
}
@@ -196,7 +197,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
}
}
// Responsiveness
@media only screen and (max-width: #{$tab-stacked-breakpoint}) {
@media (max-width: #{$tab-stacked-breakpoint}) {
.#{$tab-container-name} {
// Old syntax
-webkit-box-orient: vertical;