mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-13 17:33:59 +02:00
Code Issues Releases Wiki Activity

Tab cleanup

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/mini-default.css vendored
View File

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

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
docs/v2/DEVLOG.md
View File

@@ -392,4 +392,5 @@
- Removed `spinner` file. - Removed `spinner` file.
- Cleanup for `navigation`. - Cleanup for `navigation`.
- Cleanup for `utility`. - 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.

5
src/mini/_tab.scss
View File

@@ -157,7 +157,8 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-left-radius: $tab-border-radius; border-bottom-left-radius: $tab-border-radius;
border-bottom-right-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 { &:first-of-type {
border-top-right-radius: $tab-border-radius; border-top-right-radius: $tab-border-radius;
} }
@@ -196,7 +197,7 @@ $tab-stacked-name: 'stacked' !default; // Class name for stacked tabs
} }
} }
// Responsiveness // Responsiveness
@media only screen and (max-width: #{$tab-stacked-breakpoint}) { @media (max-width: #{$tab-stacked-breakpoint}) {
.#{$tab-container-name} { .#{$tab-container-name} {
// Old syntax // Old syntax
-webkit-box-orient: vertical; -webkit-box-orient: vertical;