diff options
| author | Ken Dale <[email protected]> | 2016-11-26 19:47:53 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-11-26 16:47:53 -0800 |
| commit | dc52029beaff899242bdff8e9c00a932959609ba (patch) | |
| tree | 6a73361ecca6c2a3591f02932d3967185a2ef98b | |
| parent | 095ea0b795a80530f7b5bd114fdd07c46893bfcb (diff) | |
| download | bootstrap-dc52029beaff899242bdff8e9c00a932959609ba.tar.xz bootstrap-dc52029beaff899242bdff8e9c00a932959609ba.zip | |
Add .rounded-0 utility class (#21214)
* Add rounded-0 class
| -rw-r--r-- | docs/utilities/borders.md | 14 | ||||
| -rw-r--r-- | scss/utilities/_borders.scss | 4 |
2 files changed, 12 insertions, 6 deletions
diff --git a/docs/utilities/borders.md b/docs/utilities/borders.md index 0088a2827..1eb716c1f 100644 --- a/docs/utilities/borders.md +++ b/docs/utilities/borders.md @@ -25,12 +25,13 @@ Add classes to an element to remove all borders or some borders. Add classes to an element to easily round its corners. <div class="bd-example bd-example-images"> - <img data-src="holder.js/100x100" class="rounded" alt="Example rounded image"> - <img data-src="holder.js/100x100" class="rounded-top" alt="Example top rounded image"> - <img data-src="holder.js/100x100" class="rounded-right" alt="Example right rounded image"> - <img data-src="holder.js/100x100" class="rounded-bottom" alt="Example bottom rounded image"> - <img data-src="holder.js/100x100" class="rounded-left" alt="Example left rounded image"> - <img data-src="holder.js/100x100" class="rounded-circle" alt="Completely round image"> + <img data-src="holder.js/75x75" class="rounded" alt="Example rounded image"> + <img data-src="holder.js/75x75" class="rounded-top" alt="Example top rounded image"> + <img data-src="holder.js/75x75" class="rounded-right" alt="Example right rounded image"> + <img data-src="holder.js/75x75" class="rounded-bottom" alt="Example bottom rounded image"> + <img data-src="holder.js/75x75" class="rounded-left" alt="Example left rounded image"> + <img data-src="holder.js/75x75" class="rounded-circle" alt="Completely round image"> + <img data-src="holder.js/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)"> </div> {% highlight html %} @@ -40,4 +41,5 @@ Add classes to an element to easily round its corners. <img src="..." alt="..." class="rounded-bottom"> <img src="..." alt="..." class="rounded-left"> <img src="..." alt="..." class="rounded-circle"> +<img src="..." alt="..." class="rounded-0"> {% endhighlight %} diff --git a/scss/utilities/_borders.scss b/scss/utilities/_borders.scss index e3e31de4b..015c9b943 100644 --- a/scss/utilities/_borders.scss +++ b/scss/utilities/_borders.scss @@ -31,3 +31,7 @@ .rounded-circle { border-radius: 50%; } + +.rounded-0 { + border-radius: 0; +} |