カード画像の角丸の位置をメディアクエリで可変にした

2019-03-12 20:43:34 +09:00
parent 54eec1a861
commit 8e366870b1
2 changed files with 11 additions and 1 deletions
--- a/resources/assets/sass/_bootstrap-custom.scss
+++ b/resources/assets/sass/_bootstrap-custom.scss
@@ -6,4 +6,14 @@
 .card-img-right {
    width: 100%;
    @include border-right-radius($card-inner-border-radius);
+}
+
+.card-img-top-to-left {
+    width: 100%;
+    @include media-breakpoint-down(md) {
+        @include border-top-radius($card-inner-border-radius);
+    }
+    @include media-breakpoint-up(lg) {
+        @include border-left-radius($card-inner-border-radius);
+    }
 }