mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-05 21:37:23 +02:00
Code Issues Releases Wiki Activity

Squashing bugs for alt size cards

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-13 23:49:32 +02:00
parent 838861d1a7
commit 5d2d6a6422
4 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dist/mini-default.css vendored
View File

@@ -1179,14 +1179,12 @@ button.large, [type="button"].large, [type="submit"].large,
padding: 10px 15px; padding: 10px 15px;
margin: 7px; } margin: 7px; }
.card.large { @media (min-width: 480px) {
max-width: 480px; .card.large {
width: auto; } max-width: 480px; } }
@media (min-width: 160px) {
.card.small { .card.small {
max-width: 160px; max-width: 160px; } }
width: auto; }
.card.fluid { .card.fluid {
max-width: 100%; max-width: 100%;
width: auto; } width: auto; }

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

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View File

@@ -444,3 +444,4 @@
- Pushed the urgent `fluid` `card` fix to all deployed pages. - Pushed the urgent `fluid` `card` fix to all deployed pages.
- Removed the `playground` page as its purpose was fulfilled. - Removed the `playground` page as its purpose was fulfilled.
- Closed issue #31 for good. - Closed issue #31 for good.
- Squashed another major bug in the `make-card-alt-size` mixin, stemming from the use of the conditions and logical operators in that. The issue was thoroughly tested and resolved for all cases. `&&` was replaced with `and` in said condition combination.

6
src/mini/_card.scss
View File

@@ -79,10 +79,10 @@ $card-normal-width: 320px !default; // Width for normal cards
// - $card-alt-size-name : The name of the class used for the alternate size card. // - $card-alt-size-name : The name of the class used for the alternate size card.
// - $card-alt-size-width : The width of the alternate size card. // - $card-alt-size-width : The width of the alternate size card.
@mixin make-card-alt-size ($card-alt-size-name, $card-alt-size-width) { @mixin make-card-alt-size ($card-alt-size-name, $card-alt-size-width) {
@if type-of($card-alt-size-width) == 'number' && unit($card-alt-size-width) == '%' { @if type-of($card-alt-size-width) == 'number' and unit($card-alt-size-width) == '%' {
.#{$card-name}.#{$card-alt-size-name} { .#{$card-name}.#{$card-alt-size-name} {
max-width: $card-alt-size-width; max-width: $card-alt-size-width;
width: auto; width: auto;
} }
} }
@else { @else {