Removing borders from b-avatar (image version)

[wojtek-moc]

Is your feature request related to a problem? Please describe...

I'd like to use avatars with width=100% without surrounding border.

Describe the solution you'd like

If there will be property like "no-border" or viariant="none" it will be nice.

Describe alternatives you've considered

Decorating b-avatar with our own solution.

[tmorehouse]

The "border" from image avatars is controlled by CSS (the image width and height are set to 90%).

This was done to allow the button/link hover styling to show through for the background variant.

You can setup the following CSS to change the image size (which will hide the background color from showing through):

.b-avatar img {
  width: 100%;
  height: 100%;
}

or if using scoped styles:

.b-avatar /deep/ img {
  width: 100%;
  height: 100%;
}

[tmorehouse]

In v2.12.0 you will be able to set prop variant to an empty string (or null), and the borders will be removed for image avatars.