refactor className --modifierName

.btn-primary -> .btn--primary
.btn-create -> .btn--create
https://gist.github.com/fat/a47b882eb5f84293c4ed#components

app/assets/javascripts/app/views/agent_ticket_create.jst.eco

@@ -219,7 +219,7 @@
 
         <div class="form-actions horizontal">
           <a class="subtle-link standalone cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-          <button type="submit" class="btn btn-create submit align-right"><%- @T( 'Create' ) %></button>
+          <button type="submit" class="btn btn--create submit align-right"><%- @T( 'Create' ) %></button>
         </div>
       </form>
     </div>

app/assets/javascripts/app/views/agent_ticket_merge.jst.eco

@@ -19,7 +19,7 @@
     </div>
     <div class="modal-footer horizontal">
       <a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-      <button type="submit" class="btn btn-create js-submit align-right"><%- @T( 'Submit' ) %></button>
+      <button type="submit" class="btn btn--create js-submit align-right"><%- @T( 'Submit' ) %></button>
     </div>
   </div>
 </div>

app/assets/javascripts/app/views/agent_user_create.jst.eco

@@ -10,7 +10,7 @@
     <div class="modal-body" id="form-user"></div>
     <div class="modal-footer horizontal">
       <a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-      <button type="submit" class="btn btn-create js-submit align-right"><%- @T( 'Create' ) %></button>
+      <button type="submit" class="btn btn--create js-submit align-right"><%- @T( 'Create' ) %></button>
     </div>
   </div>
 </div>

app/assets/javascripts/app/views/customer_not_ticket_exists.jst.eco

@@ -7,7 +7,7 @@
         <p><%- @T('The way to communicate with us is this thing called "Ticket".') %></p>
         <p><%- @T('Please click the button below to create your first one.') %></p>
 
-        <p><a class="btn btn-primary" href="#customer_ticket_new"><%- @T('Create your first Ticket') %></a></p>
+        <p><a class="btn btn--primary" href="#customer_ticket_new"><%- @T('Create your first Ticket') %></a></p>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/customer_ticket_create.jst.eco

@@ -18,7 +18,7 @@
 
         <div class="form-actions horizontal">
           <a class="subtle-link standalone cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-          <button type="submit" class="btn btn-create submit align-right"><%- @T( 'Create' ) %></button>
+          <button type="submit" class="btn btn--create submit align-right"><%- @T( 'Create' ) %></button>
         </div>
       </form>
 

app/assets/javascripts/app/views/getting_started.jst.eco

@@ -8,14 +8,14 @@
     <% if @master_user: %>
     <div class="master_user hero-left">
       <form class="form-stacked" id="form-master">
-        <button type="submit" class="btn btn-primary submit pull-right"><%- @T( 'Next Step' ) %></button>
+        <button type="submit" class="btn btn--primary submit pull-right"><%- @T( 'Next Step' ) %></button>
       </form>
     </div>
     <% end %>
     <div class="agent_user hero-left hide">
       <form class="form-stacked" id="form-agent">
         <div class="form-controls">
-          <button type="submit" class="btn btn-primary submit pull-right"><%- @T( 'Send Invitation' ) %></button>
+          <button type="submit" class="btn btn--primary submit pull-right"><%- @T( 'Send Invitation' ) %></button>
         </div>
       </form>
     </div>

app/assets/javascripts/app/views/login.jst.eco

@@ -15,7 +15,7 @@
       </div>
 
       <div class="form-controls">
-        <button class="btn btn-primary" type="submit"><%- @T( 'Sign in' ) %></button>
+        <button class="btn btn--primary" type="submit"><%- @T( 'Sign in' ) %></button>
 
         <% if @C('user_lost_password'): %>
           <a href="#reset_password" class="subtle-link standalone pull-right"><%- @T( 'Forgot password?' ) %></a>

app/assets/javascripts/app/views/maintenance.jst.eco

@@ -22,5 +22,5 @@
     </div>
   </div>
   </fieldset>
-  <button type="submit" class="btn btn-primary submit"><%- @T('Send to clients') %></button>
+  <button type="submit" class="btn btn--primary submit"><%- @T('Send to clients') %></button>
 </form>

app/assets/javascripts/app/views/modal.jst.eco

@@ -22,7 +22,7 @@
         <a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
   <% end %>
   <% if @button: %>
-        <button type="submit" class="btn btn-create js-submit align-right"><%- @T( @button ) %></button>
+        <button type="submit" class="btn btn--create js-submit align-right"><%- @T( @button ) %></button>
   <% end %>
       </div>
     </div>

app/assets/javascripts/app/views/package.jst.eco

@@ -13,7 +13,7 @@
     <p>
       <form action="<%= App.Config.get('api_path') %>/packages" method="post" enctype="multipart/form-data">
         <input type="file" name="file_upload"/>
-        <button class="btn btn-primary" type="submit"><%- @T('Install Package') %></button>
+        <button class="btn btn--primary" type="submit"><%- @T('Install Package') %></button>
       </form>
     </p>
   </div>

app/assets/javascripts/app/views/password/reset.jst.eco

@@ -10,7 +10,7 @@
         <div class="form-password-item"></div>
         <div class="form-controls">
           <a class="subtle-link standalone pull-left cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-          <button class="btn btn-primary submit pull-right"><%- @T( 'Submit' ) %></button>
+          <button class="btn btn--primary submit pull-right"><%- @T( 'Submit' ) %></button>
         </div>
       </form>
     <% end %>

app/assets/javascripts/app/views/password/reset_change.jst.eco

@@ -2,7 +2,7 @@
   <div class="hero-unit">
     <h2><%- @T( 'Choose your new password.' ) %><small></small></h2>
     <form id="form-password-change">
-      <button class="btn btn-primary submit"><%- @T( 'Submit' ) %></button>
+      <button class="btn btn--primary submit"><%- @T( 'Submit' ) %></button>
     </form>
   </div>
 </div>

app/assets/javascripts/app/views/signup.jst.eco

@@ -4,7 +4,7 @@
       <form class="signup">
         <div class="form-controls">
           <a class="subtle-link standalone pull-left" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-          <button class="btn btn-primary submit pull-right"><%- @T( 'Create my account' ) %></button>
+          <button class="btn btn--primary submit pull-right"><%- @T( 'Create my account' ) %></button>
         </div>
       </form>
   </div>

app/assets/javascripts/app/views/task_widget.jst.eco

@@ -3,7 +3,7 @@
   <% if !_.isEmpty( @taskBarActions ): %>
   <div class="taskbar-new">
     <div class="btn-group">
-      <a class="btn btn-small btn-primary dropdown-toggle" data-toggle="dropdown" href="#new">
+      <a class="btn btn-small btn--primary dropdown-toggle" data-toggle="dropdown" href="#new">
         <%- @T('New') %>
         <span class="caret"></span>
       </a>

app/assets/stylesheets/zzz.css.erb

@@ -1390,14 +1390,14 @@ footer {
   padding: 9px 24px 8px;
 }
 
-.btn-primary {
+.btn--primary {
   color: white;
   background: #419ed7;
   border-color: #419ed7;
 }
 
-.btn-create,
+.btn--create,
-.btn-create:hover {
+.btn--create:hover {
   color: white;
   background: hsl(145,51%,45%);
 }