diff options
| -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; +} |