From fdf92b1528fbec57de73ddfdbf87b347443a3e92 Mon Sep 17 00:00:00 2001 From: vsn4ik Date: Sun, 3 Apr 2016 01:47:12 +0300 Subject: [PATCH] Use @border-radius and add $nav-tabs-border-radius variable --- scss/_card.scss | 24 ++++++++++-------------- scss/_images.scss | 2 +- scss/_nav.scss | 2 +- scss/_variables.scss | 1 + 4 files changed, 13 insertions(+), 16 deletions(-) diff --git a/scss/_card.scss b/scss/_card.scss index 856d6c6349..24a90c2271 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -49,20 +49,16 @@ } } -@if $enable-rounded { - .card { - > .list-group:first-child { - .list-group-item:first-child { - border-top-left-radius: $card-border-radius; - border-top-right-radius: $card-border-radius; - } +.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 { - border-bottom-right-radius: $card-border-radius; - border-bottom-left-radius: $card-border-radius; - } + > .list-group:last-child { + .list-group-item:last-child { + @include border-bottom-radius($card-border-radius); } } } @@ -196,10 +192,10 @@ // Card image caps .card-img-top { - @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0); + @include border-top-radius($card-border-radius-inner); } .card-img-bottom { - @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner); + @include border-bottom-radius($card-border-radius-inner); } diff --git a/scss/_images.scss b/scss/_images.scss index d17006df24..9894269997 100644 --- a/scss/_images.scss +++ b/scss/_images.scss @@ -19,7 +19,7 @@ padding: $thumbnail-padding; background-color: $thumbnail-bg; border: $thumbnail-border-width solid $thumbnail-border-color; - border-radius: $thumbnail-border-radius; + @include border-radius($thumbnail-border-radius); transition: all .2s ease-in-out; @include box-shadow($thumbnail-box-shadow); diff --git a/scss/_nav.scss b/scss/_nav.scss index 6bb09fdbdd..640956ca2f 100644 --- a/scss/_nav.scss +++ b/scss/_nav.scss @@ -65,7 +65,7 @@ display: block; padding: $nav-link-padding; border: $nav-tabs-border-width solid transparent; - @include border-radius($border-radius $border-radius 0 0); + @include border-top-radius($nav-tabs-border-radius); @include hover-focus { border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; diff --git a/scss/_variables.scss b/scss/_variables.scss index 82ef6f9630..3b147646a0 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -500,6 +500,7 @@ $nav-disabled-link-hover-bg: transparent !default; $nav-tabs-border-color: #ddd !default; $nav-tabs-border-width: $border-width !default; +$nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-lighter !default; $nav-tabs-active-link-hover-color: $gray !default; $nav-tabs-active-link-hover-bg: $body-bg !default;