diff options
author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2017-10-12 22:16:02 +0300 |
---|---|---|
committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2017-10-12 22:16:02 +0300 |
commit | 6b9114249aedf7b83fa2289aeb6df1ff1bc412c0 (patch) | |
tree | 54bfefd86349a6f559609c9e3b320acaa078393f /assets/stylesheets/bootstrap/_card.scss | |
parent | cd13fec7856d98c1e9eb267724ba9cacc10f4c24 (diff) |
rake update[v4-dev]
Diffstat (limited to 'assets/stylesheets/bootstrap/_card.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_card.scss | 57 |
1 files changed, 37 insertions, 20 deletions
diff --git a/assets/stylesheets/bootstrap/_card.scss b/assets/stylesheets/bootstrap/_card.scss index 40fa425..a739f19 100644 --- a/assets/stylesheets/bootstrap/_card.scss +++ b/assets/stylesheets/bootstrap/_card.scss @@ -12,6 +12,23 @@ background-clip: border-box; border: $card-border-width solid $card-border-color; @include border-radius($card-border-radius); + + > hr { + margin-right: 0; + margin-left: 0; + } + + > .list-group:first-child { + .list-group-item:first-child { + @include border-top-radius($card-border-radius); + } + } + + > .list-group:last-child { + .list-group-item:last-child { + @include border-bottom-radius($card-border-radius); + } + } } .card-body { @@ -44,25 +61,6 @@ } } -.card { - > .list-group:first-child { - .list-group-item:first-child { - @include border-top-radius($card-border-radius); - } - } - - > .list-group:last-child { - .list-group-item:last-child { - @include border-bottom-radius($card-border-radius); - } - } - - .card-header + .list-group > .list-group-item:first-child { - border-top: 0; - } -} - - // // Optional textual caps // @@ -76,6 +74,12 @@ &:first-child { @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0); } + + + .list-group { + .list-group-item:first-child { + border-top: 0; + } + } } .card-footer { @@ -149,6 +153,7 @@ .card { display: flex; + // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored flex: 1 0 0%; flex-direction: column; margin-right: $card-deck-margin; @@ -175,6 +180,7 @@ flex-flow: row wrap; .card { + // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored flex: 1 0 0%; margin-bottom: 0; @@ -207,7 +213,18 @@ } } - &:not(:first-child):not(:last-child) { + &:only-child { + @include border-radius($card-border-radius); + + .card-img-top { + @include border-top-radius($card-border-radius); + } + .card-img-bottom { + @include border-bottom-radius($card-border-radius); + } + } + + &:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; .card-img-top, |