Update buttons.

resources/assets/styles/common/_global.scss

@@ -49,7 +49,7 @@ h2 {
   --primary: $brand-primary;
   --accent: $brand-accent;
   --primary-fg: $white;
-  --secondary-fg: $white;
+  --accent-fg: $white;
   --header-text: $black;
 }
 

resources/assets/styles/components/_buttons.scss

@@ -24,17 +24,17 @@
     color: var(--primary, $brand-primary);
   }
 
-  &.button-small {
+  &.button--small {
     width: rem(150);
     height: rem(40);
     padding: rem(6.5);
   }
 
-  &.button-wide {
+  &.button--wide {
     width: 19.0625rem;
   }
 
-  &.button-inverse {
+  &.button--outline {
     background: $white;
     color: var(--primary, $brand-primary);
 

resources/views/partials/contact-form.blade.php

@@ -17,6 +17,6 @@
     <p class="flex flex-row items-center @if(@$contact_form_response['field'] === 'message'){{ 'error' }}@endif">
       <label class="clip" for="message">{{ __('Your message here', 'aldine' ) }}</label>
       <textarea class="input-reset" type="text" placeholder="{{ __('Your message here', 'aldine' ) }}" name="message">@if($contact_form_response['status'] === 'error'){{ @esc_textarea($_POST['message']) }}@endif</textarea></p>
-    <p class="tc"><input class="button-reset button button-small button-inverse input-reset pointer" type="submit" value="{{ __('Send', 'aldine' ) }}" /></p>
+    <p class="tc"><input class="button-reset button button--small button--outline input-reset pointer" type="submit" value="{{ __('Send', 'aldine' ) }}" /></p>
   </form>
 </section>

resources/views/partials/front-page-catalog.blade.php

@@ -10,6 +10,6 @@
       @if($next_page <= $catalog_data['pages'])<a class="next" data-page="{{ $next_page }}" href="{{ network_home_url("/page/$next_page/#latest-titles") }}">@php(include get_theme_file_path() . '/dist/' . Aldine\svg_path('images/right-arrow.svg'))</a>@endif
   </div>
   <div class="catalog-link">
-    <a class="button button-inverse button-wide" href="{{ network_home_url('/catalog/') }}">{{ __('View Complete Catalog', 'aldine') }}</a>
+    <a class="button button--outline button--wide" href="{{ network_home_url('/catalog/') }}">{{ __('View Complete Catalog', 'aldine') }}</a>
   </div>
 </div>