adding the iphone5c

docs-assets/css/docs.css

@@ -538,9 +538,11 @@ hr {
     height: 813px;
     margin-left: -13px;
     font-family: "Helvetica Neue", sans-serif;
-    background-image: url("../img/iphone.png");
+    background-image: url("../img/iphone5c.png");
     background-size: 100%;
     background-repeat: no-repeat;
+    -webkit-transition: background-image 0.1s linear;
+    transition: background-image 0.1s linear;
   }
   .device.device-fixed {
     position: fixed;
@@ -1163,6 +1165,9 @@ hr {
   -webkit-transform: translate3d(-20%, 0, 0);
   transform: translate3d(-20%, 0, 0);
 }
+.platform-ios .device {
+  background-image: url("../img/iphone5s.png");
+}
 .platform-ios .device .device-content {
   background-color: #efeff4;
 }

lib/sass/docs.scss

@@ -585,9 +585,10 @@ hr {
     height: 813px;
     margin-left: -13px;
     font-family: "Helvetica Neue", sans-serif;
-    background-image: url("../img/iphone.png");
+    background-image: url("../img/iphone5c.png");
     background-size: 100%;
     background-repeat: no-repeat;
+    @include transition(background-image .1s linear);
 
     &.device-fixed {
       position: fixed;
@@ -769,8 +770,12 @@ hr {
 .platform-ios {
   @import "theme-ios.scss";
 
-  .device .device-content {
+  .device {
-    background-color: #efeff4;
+    background-image: url("../img/iphone5s.png");
+
+    .device-content {
+      background-color: #efeff4;
+    }
   }
 }
 .platform-android {