batch rename sc-button cancel

src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_buttons.scss

@@ -39,4 +39,9 @@
        background-color: $chill-blue;
        color: $light;
    }
+   
+   &.btn-cancel {
+      background-color: $chill-light-gray;
+      color: $black;
+   }
 }

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue

@@ -36,7 +36,7 @@
 
    <div>
       <ul class="record_actions sticky-form-buttons">
-         <li class="cancel">
+         <li class="btn btn-cancel">
             <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
          </li>
          <li v-if="!edit">

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue

@@ -16,7 +16,7 @@
                   <slot name="body"></slot>
                </div>
                <div class="modal-footer">
-                  <button class="sc-button cancel" @click="$emit('close')">{{ $t('action.close') }}</button>
+                  <button class="btn btn-cancel" @click="$emit('close')">{{ $t('action.close') }}</button>
                   <slot name="footer"></slot>
                </div>
             </div>
@@ -55,7 +55,7 @@ export default {
       display: table;
       transition: opacity 0.3s ease;
    }
-   .modal-header .close { // bootstrap classes, override sc-button 0 radius
+   .modal-header .close { 
       border-top-right-radius: 0.3rem;
    }
    /*

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue

@@ -62,7 +62,7 @@
 
       <div>
         <ul class="record_actions">
-          <li class="cancel">
+          <li class="btn btn-cancel">
             <a href="#" class="btn btn-cancel">
               {{ $t('action.cancel') }}
             </a>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue

@@ -33,7 +33,7 @@
       </div>
       <div>
          <ul class="record_actions sticky-form-buttons">
-            <li class="cancel">
+            <li class="btn btn-cancel">
                <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
             </li>
             <li>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue

@@ -90,7 +90,7 @@ export default {
                margin-left: 0.5em;
                align-self: baseline;
             }
-            a.sc-button {
+            a.btn {
                border: 1px solid lightgrey;
                font-size: 70%;
                padding: 4px;