From c39828268846cd146062bbb4f891f4c61ce2ba41 Mon Sep 17 00:00:00 2001 From: Sven Ullmann Date: Sun, 20 Jul 2025 00:59:06 +0200 Subject: [PATCH] fix --- _bootstrap.scss | 1 - mixin/_card.scss | 36 ------------------------------------ mixin/_layout.scss | 8 ++++++-- 3 files changed, 6 insertions(+), 39 deletions(-) delete mode 100644 mixin/_card.scss diff --git a/_bootstrap.scss b/_bootstrap.scss index 7debdbf..894bd6d 100644 --- a/_bootstrap.scss +++ b/_bootstrap.scss @@ -2,7 +2,6 @@ @import "mixin/breakpoint"; @import "mixin/layout"; -@import "mixin/card"; @import "config/config"; @import "config/breakpoints"; diff --git a/mixin/_card.scss b/mixin/_card.scss deleted file mode 100644 index 62624b5..0000000 --- a/mixin/_card.scss +++ /dev/null @@ -1,36 +0,0 @@ -@use 'sass:list'; - -/* - @include card([ - (0 "full" (0 0) (0 0))) - ]); - - @include card([ - ($bpMinWidth $bpMaxWidth (width height) (margWidth margHeight) - ]); -*/ -@mixin card($cardBpColumns: []) { - display: inline-block; - - @if list.length($cardBpColumns) > 0 { - @for $cardBpIndex from 1 through list.length($cardBpColumns) { - $bp: list.nth($cardBpColumns, $cardBpIndex); - @include breakpoint('screen', list.nth($bp, 1), list.nth($bp, 2)) { - $size: list.nth($bp, 3); - width: list.nth($size, 1); - @if list.length($size) == 2 { - height: list.nth($size, 2); - } - @if list.length($bp) == 4 { - $margin: list.nth($bp, 4); - margin-top: list.nth($margin, 1); - margin-bottom: list.nth($margin, 1); - @if list.length($margin) == 2 { - margin-left: list.nth($margin, 2); - margin-right: list.nth($margin, 2); - } - } - } - } - } -} diff --git a/mixin/_layout.scss b/mixin/_layout.scss index be7fd55..1c6ba36 100644 --- a/mixin/_layout.scss +++ b/mixin/_layout.scss @@ -3,7 +3,7 @@ /* @include layout(column, [ - (0 "full" ((0 0) (0 0) (1 1) (0 0))) + ("m" "full" ((0 0) (0 0) (1 1) (0 0))) ]); @include layout($flex-direction, [ @@ -26,9 +26,13 @@ @include breakpoint('screen', list.nth($bp, 1), list.nth($bp, 2)) { $columns: list.nth($bp, 3); @for $i from 1 through list.length($columns) { + $minmax: list.nth($columns, $i); $min: list.nth($minmax, 1); - $max: list.nth($minmax, 2); + $max: $min; + @if list.length($minmax) == 2 { + $max: list.nth($minmax, 2); + } & > *:nth-child(#{$i}) { @if math.unit($min) == "" and math.unit($max) == "" { flex: $max $min min-content;