Rosegold 2.2.0

stuyam · Sep 29, 2015 · 050165f · 050165f
1 parent 7618a98
commit 050165f
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 7 deletions.
diff --git a/devices.js b/devices.js
@@ -1,4 +1,4 @@
-/*! CSSDevices v2.1.0 | MIT license | Maintained by Stuart Yamartino | http://cssdevices.io */
+/*! CSSDevices v2.2.0 | MIT license | Maintained by Stuart Yamartino | http://cssdevices.io */
 $(function(){
   $('.cd-screen').each(function(){
     if($(this).hasClass('cd-smart-loader')){

diff --git a/devices.min.css b/devices.min.css
diff --git a/examples/iphone.html b/examples/iphone.html
@@ -5,7 +5,7 @@
   }
 </style>
 
-<div class="cd-iphone-6">
+<div class="cd-iphone-6 cd-rosegold">
   <div class="cd-body">
     <div class="cd-sound"></div>
     <div class="cd-sleep"></div>

diff --git a/sass/_iphone.scss b/sass/_iphone.scss
@@ -193,6 +193,12 @@
     border-color: $gold-bezel;
   }
 
+  &.cd-rosegold .cd-body,
+  &.cd-rosegold .cd-body .cd-home{
+    background-color: $device-white;
+    border-color: $rosegold-bezel;
+  }
+
   &.cd-silver .cd-body,
   &.cd-silver .cd-body .cd-home{
     background-color: $device-white;
@@ -217,6 +223,13 @@
     background: $gold-bezel;
   }
 
+  &.cd-rosegold .cd-sound,
+  &.cd-rosegold .cd-sound::before,
+  &.cd-rosegold .cd-sound::after,
+  &.cd-rosegold .cd-sleep{
+    background: $rosegold-bezel;
+  }
+
   &.cd-silver .cd-sound,
   &.cd-silver .cd-sound::before,
   &.cd-silver .cd-sound::after,
@@ -239,18 +252,19 @@
     margin-left: -4em;
     width: .7em;
     height: .7em;
-    border-radius: .4em;
+    border-radius: .35em;
   }
 
   &.cd-gold .cd-camera::after,
+  &.cd-rosegold .cd-camera::after,
   &.cd-silver .cd-camera::after{
     content: "";
     background: $camera;
     top: -1.4em;
     right: -3.5em;
     width: .5em;
     height: .5em;
-    border-radius: .3em;
+    border-radius: .25em;
   }
 
   .cd-ear{

diff --git a/sass/_vars.scss b/sass/_vars.scss
@@ -8,6 +8,7 @@ $white-bezel:               #efefee;
 $silver-bezel:              #bdbfbe;
 $gold-bezel:                #ecdcc8;
 $black-bezel:               #656565;
+$rosegold-bezel:            #E9C9C5;
 
 //Bodys
 $device-black:              #1e1e1e;

diff --git a/sass/devices.scss b/sass/devices.scss
@@ -1,4 +1,4 @@
-/*! CSSDevices v2.1.1 | MIT license | Maintained by Stuart Yamartino | http://cssdevices.io */
+/*! CSSDevices v2.2.0 | MIT license | Maintained by Stuart Yamartino | http://cssdevices.io */
 @import 'vars';
 
 @import 'iphone';