Figure no longer stretches images beyond their intrinsic width (#119)

* Figure no longer stretches images beyond their intrinsic width

* Ran npm i to bump version in package-lock.json

Author: DanielBrierton

CHANGELOG.md

@@ -1,4 +1,10 @@
-*The format of this document is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).*
+_The format of this document is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html)._
+
+## [v1.2.1](https://github.com/RaspberryPiFoundation/Bits/compare/v1.2.0...v1.2.1) - 2019-10-09
+
+### Changed
+
+- Figure no longer stretches images beyond their intrinsic width
 
 ## [v1.2.0](https://github.com/RaspberryPiFoundation/Bits/compare/v1.1.20...v1.2.0) - 2019-07-05
 

lib/Bits.css

@@ -5,7 +5,7 @@
 
   Author:      The Raspberry Pi Foundation
   Author URI:  https://raspberrypi.org
-  Version:     1.2.0
+  Version:     1.2.1
 */
 
 
@@ -943,8 +943,8 @@ strong {
 
 .c-figure__image {
   display: block;
-  max-width: 100%;
-  width: 100%; }
+  margin: 0 auto;
+  max-width: 100%; }
 
 
 

lib/Bits.min.css

@@ -10,7 +10,7 @@
     "type": "git",
     "url": "https://github.com/RaspberryPiFoundation/Bits.git"
   },
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "lib/index.js",
   "files": [
     "lib",

lib/Bits.min.css.map

@@ -1,25 +1,25 @@
-@import '../../styles/component-helper';
+@import "../../styles/component-helper";
 
-$figure-caption-color:            $color-ui-white !default;
+$figure-caption-color: $color-ui-white !default;
 $figure-caption-background-color: $color-ui-grey-dark !default;
-$figure-margin-bottom:            map-get($type-margins, '-base') !default;
-$figure-type-map:                 $type-caption !default;
+$figure-margin-bottom: map-get($type-margins, "-base") !default;
+$figure-type-map: $type-caption !default;
 
 .c-figure {
   margin-bottom: $figure-margin-bottom;
-  text-align:    center;
+  text-align: center;
 }
 
 .c-figure__caption {
   @include iota-type($figure-type-map);
 
   background-color: $figure-caption-background-color;
-  color:            $figure-caption-color;
-  display:          block;
+  color: $figure-caption-color;
+  display: block;
 }
 
 .c-figure__image {
-  display:   block;
+  display: block;
+  margin: 0 auto;
   max-width: 100%;
-  width:     100%;
 }