StyleKit classes wip

app/assets/templates/directives/input-modal.html.haml

@@ -1,18 +1,18 @@
 .modal.small.auto-height
   .content
     .sn-component
-      .panel
-        .header
-          %h1.title {{title}}
-          %a.close-button{"ng-click" => "dismiss()"} Close
-        .content
-          .panel-section
-            %p.panel-row {{message}}
-            .panel-row
-              .panel-column.stretch
+      .sk-panel
+        .sk-panel-header
+          %h1.sk-panel-header-title {{title}}
+          %a.sk-a.info.close-button{"ng-click" => "dismiss()"} Close
+        .sk-panel-content
+          .sk-panel-section
+            %p.sk-panel-row {{message}}
+            .sk-panel-row
+              .sk-panel-column.stretch
                 %form{"ng-submit" => "submit()"}
-                  %input.form-control{:type => '{{type}}', "ng-model" => "formData.input", "placeholder" => "{{placeholder}}", "sn-autofocus" => "true", "should-focus" => "true"}
+                  %input.sk-input{:type => '{{type}}', "ng-model" => "formData.input", "placeholder" => "{{placeholder}}", "sn-autofocus" => "true", "should-focus" => "true"}
 
-        .footer
-          %a.right{"ng-click" => "submit()"}
+        .sk-panel-footer
+          %a.sk-a.info.right{"ng-click" => "submit()"}
             Submit