Apple Watch fixes and restructure of watch

.gitignore

@@ -1,2 +1,4 @@
 /.sass-cache
 /sass/.sass-cache
+
+devices.min.css.map

examples/iphone.html

@@ -5,7 +5,7 @@
   }
 </style>
 
-<div class="cd-iphone-6">
+<div class="cd-iphone-6 cd-fill-parent">
   <div class="cd-body">
     <div class="cd-sound"></div>
     <div class="cd-sleep"></div>

examples/watch.html

@@ -6,9 +6,8 @@
 </style>
 
 <div class="cd-watch">
-  <div class="cd-top-bracket"></div>
+  <div class="cd-bracket"></div>
   <div class="cd-top-band"></div>
-  <div class="cd-bottom-bracket"></div>
   <div class="cd-bottom-band"></div>
   <div class="cd-body"></div>
   <div class="cd-crown"></div>

sass/_watch.scss

@@ -1,36 +1,32 @@
 .cd-watch{
   width: map-get($watch, width);
   height: map-get($watch, height);
-  [class$='-bracket']{
-    height: map-get($watch, screen-height);
+  .cd-bracket{
+    height: map-get($watch, screen-height) + 5.4em;
     width: map-get($watch, screen-width);
     left: 50%;
     margin-left: -1 * map-get($watch, screen-width)/2;
     border: .5em solid $watch-silver-body;
     border-radius: .8em;
-  }
-  .cd-top-bracket{
     top: 4.3em;
   }
-  .cd-bottom-bracket{
-    bottom: 4.3em;
-  }
   [class$='-band']{
     width: 9em;
-    height: 8em;
+    height: 7em;
     background: $blue-band;
     left: 50%;
     margin-left: -4.5em;
-    border-radius: .4em;
   }
   .cd-top-band{
-    top: -1.4em;
+    border-radius: .5em .5em 0 0;
+    top: -1.2em;
     transform: perspective( 30em ) rotateX( 45deg );
     -webkit-transform: perspective( 30em ) rotateX( 45deg );
     -ms-transform: perspective( 30em ) rotateX( 45deg );
   }
   .cd-bottom-band{
-    bottom: -1.4em;
+    border-radius: 0 0 .5em .5em;
+    bottom: -1.2em;
     transform: perspective( 30em ) rotateX( -45deg );
     -webkit-transform: perspective( 30em ) rotateX( -45deg );
     -ms-transform: perspective( 30em ) rotateX( -45deg );
@@ -79,7 +75,7 @@
     }
   }
   &.cd-no-bracket{
-    [class$='-bracket']{
+    .cd-bracket{
       display: none;
     }
   }
@@ -89,7 +85,7 @@
     .cd-button{
       background: $watch-black-body;
     }
-    [class$='-bracket'],
+    .cd-bracket,
     .cd-body{
       border-color: $watch-black-body;
     }
@@ -99,7 +95,7 @@
     .cd-button{
       background: $watch-gold-body;
     }
-    [class$='-bracket'],
+    .cd-bracket,
     .cd-body{
       border-color: $watch-gold-body;
     }
@@ -109,7 +105,7 @@
     .cd-button{
       background: $watch-rosegold-body;
     }
-    [class$='-bracket'],
+    .cd-bracket,
     .cd-body{
       border-color: $watch-rosegold-body;
     }
@@ -158,12 +154,9 @@
 }
 
 .cd-watch.cd-blueprint{
-  .cd-top-bracket{
+  .cd-bracket{
     top: 4.6em;
   }
-  .cd-bottom-bracket{
-    bottom: 4.6em;
-  }
   .cd-crown,
   .cd-button{
     border-left: none !important;

sass/devices.scss

@@ -1,4 +1,4 @@
-/*! CSSDevices v2.0.0 alpha| MIT license | Maintained by Stuart Yamartino | http://yamartino.github.io/CSSDevices */
+/*! CSSDevices v2.0.1 | MIT license | Maintained by Stuart Yamartino | http://yamartino.github.io/CSSDevices */
 @import 'vars';
 
 @import 'iphone';