Merge pull request #38 from sjmiles/master

implement new 'protected' syntax

Author: Steve Orvell

src/css/g-icon-button.css

@@ -4,16 +4,27 @@
  * license that can be found in the LICENSE file.
  */
 
-@host {
-  position: fixed;
-  z-index: 10;
-  outline: none;
-}
 
 /*
   TODO(sorvell): include a reasonable set of default overlay opening 
   animations. What's here right now is ad hoc.
+
+  Animation styles:
+
+  g-overlay-fade
+  g-overlay-scale-slideup
+  g-overlay-shake
+
 */
+
+@host {
+  position: fixed;
+  z-index: 10;
+  outline: none;
+}
+
+/* g-overlay-fade */
+
 @host.g-overlay-fade {
   opacity: 0;
   -webkit-transition: all 0.218s;
@@ -23,6 +34,8 @@
   opacity: 1;
 }
 
+/* g-overlay-scale-slideup */
+
 @host.g-overlay-scale-slideup {
   opacity: 0.0;
   -webkit-transform: scale(1.05);
@@ -40,6 +53,8 @@
   -webkit-transition: all 1s;
 }
 
+/* g-overlay-shake */
+
 @-webkit-keyframes g-overlay-shakeFadeIn {
   0% {
     display: block;