From 7cdeca9a0e8db3bb7548d9fa5bdaad9b644fca32 Mon Sep 17 00:00:00 2001 From: Gleb Mazovetskiy Date: Tue, 6 Jun 2017 03:39:11 +0100 Subject: rake update[v4-dev] --- assets/stylesheets/bootstrap/_button-group.scss | 2 +- assets/stylesheets/bootstrap/_card.scss | 13 +++++++------ assets/stylesheets/bootstrap/_variables.scss | 2 +- 3 files changed, 9 insertions(+), 8 deletions(-) (limited to 'assets/stylesheets') diff --git a/assets/stylesheets/bootstrap/_button-group.scss b/assets/stylesheets/bootstrap/_button-group.scss index d4c79ab..30a14d8 100644 --- a/assets/stylesheets/bootstrap/_button-group.scss +++ b/assets/stylesheets/bootstrap/_button-group.scss @@ -12,7 +12,7 @@ flex: 0 1 auto; margin-bottom: 0; - // Bring the hover, focused, and "active" buttons to the fron to overlay + // Bring the hover, focused, and "active" buttons to the front to overlay // the borders properly @include hover { z-index: 2; diff --git a/assets/stylesheets/bootstrap/_card.scss b/assets/stylesheets/bootstrap/_card.scss index 7be2aaf..e45af7b 100644 --- a/assets/stylesheets/bootstrap/_card.scss +++ b/assets/stylesheets/bootstrap/_card.scss @@ -6,6 +6,8 @@ position: relative; display: flex; flex-direction: column; + min-width: 0; + word-wrap: break-word; background-color: $card-bg; border: $card-border-width solid $card-border-color; @include border-radius($card-border-radius); @@ -20,7 +22,6 @@ .card-title { margin-bottom: $card-spacer-y; - word-break: break-all; } .card-subtitle { @@ -68,7 +69,7 @@ border-bottom: $card-border-width solid $card-border-color; &:first-child { - @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0); + @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0); } } @@ -78,7 +79,7 @@ border-top: $card-border-width solid $card-border-color; &:last-child { - @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner); + @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius); } } @@ -170,18 +171,18 @@ .card-img { width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch - @include border-radius($card-border-radius-inner); + @include border-radius($card-inner-border-radius); } // Card image caps .card-img-top { width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch - @include border-top-radius($card-border-radius-inner); + @include border-top-radius($card-inner-border-radius); } .card-img-bottom { width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch - @include border-bottom-radius($card-border-radius-inner); + @include border-bottom-radius($card-inner-border-radius); } diff --git a/assets/stylesheets/bootstrap/_variables.scss b/assets/stylesheets/bootstrap/_variables.scss index 74e2fab..e5aa9e9 100644 --- a/assets/stylesheets/bootstrap/_variables.scss +++ b/assets/stylesheets/bootstrap/_variables.scss @@ -673,7 +673,7 @@ $card-spacer-x: 1.25rem !default; $card-border-width: 1px !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black,.125) !default; -$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default; +$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: $gray-lightest !default; $card-bg: $white !default; -- cgit v1.2.3