generator-chisel 2.2.0 → 2.2.1

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/blocks/_core-media-text.scss

@@ -17,7 +17,7 @@
 
   @include bp-down(medium) {
     &.is-stacked-on-mobile {
-      grid-template-columns: 100%;
+      grid-template-columns: 100% !important;
 
       > .wp-block-media-text__media {
         grid-row: 1;

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/blocks/_core-query.scss

@@ -40,7 +40,7 @@
     text-decoration: none;
 
     &.current {
-      color: get-color('secondary');
+      color: get-color('foreground');
       text-decoration: underline;
     }
   }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/blocks/_core.scss

@@ -53,6 +53,10 @@
   &--separator {
     margin: 0 auto get-margin('medium');
   }
+
+  .alignwide {
+    max-width: get-layout-size('wide');
+  }
 }
 
 .wp-element-caption {

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_badge.scss

@@ -8,7 +8,7 @@
   color: get-color('white');
   text-decoration: none;
   text-transform: uppercase;
-  background-color: get-color('secondary');
+  background-color: get-color('foreground');
   border-radius: get-border-radius('little');
   transition: get-transition('normal');
 
@@ -18,7 +18,7 @@
   }
 
   .is-disabled & {
-    color: get-color('grey');
-    background-color: get-color('light-grey');
+    color: get-color('grey-900');
+    background-color: get-color('grey-100');
   }
 }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_buttons.scss

@@ -25,6 +25,10 @@ $_static-icons: settings.$static-icons;
   @include button-primary-hover;
 }
 
+.c-btn--primary:focus {
+  @include button-primary-focus;
+}
+
 .c-btn--primary-outline {
   @include button-primary-outline;
   @include button-primary-outline-icon;
@@ -36,6 +40,10 @@ $_static-icons: settings.$static-icons;
   @include button-primary-outline-icon-hover;
 }
 
+.c-btn--primary-outline:focus {
+  @include button-primary-outline-focus;
+}
+
 .c-btn--secondary {
   @include button-secondary;
 }
@@ -45,6 +53,10 @@ $_static-icons: settings.$static-icons;
   @include button-secondary-hover;
 }
 
+.c-btn--secondary:focus {
+  @include button-secondary-focus;
+}
+
 .c-btn--secondary-outline {
   @include button-secondary-outline;
   @include button-secondary-outline-icon;
@@ -56,24 +68,8 @@ $_static-icons: settings.$static-icons;
   @include button-secondary-outline-icon-hover;
 }
 
-.c-btn--tertiary {
-  @include button-tertiary;
-}
-
-.c-btn--tertiary:hover,
-.c-btn--tertiary:focus {
-  @include button-tertiary-hover;
-}
-
-.c-btn--tertiary-outline {
-  @include button-tertiary-outline;
-  @include button-tertiary-outline-icon;
-}
-
-.c-btn--tertiary-outline:hover,
-.c-btn--tertiary-outline:focus {
-  @include button-tertiary-outline-hover;
-  @include button-tertiary-outline-icon-hover;
+.c-btn--secondary-outline:focus {
+  @include button-secondary-outline-focus;
 }
 
 .c-btn--small {
@@ -94,16 +90,6 @@ $_static-icons: settings.$static-icons;
 }
 
 .c-btn.has-icon {
-  @include button-icon;
-
-  &.c-btn--small {
-    @include button-icon-small;
-  }
-
-  &.c-btn--large {
-    @include button-icon-large;
-  }
-
   &::after,
   &::before {
     display: block;

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_footer.scss

@@ -1,7 +1,7 @@
 @use '~design' as *;
 
 .c-footer {
-  background-color: get-color('light-grey');
+  background-color: get-color('grey-100');
 }
 
 .c-footer__inner {
@@ -16,3 +16,8 @@
     }
   }
 }
+
+.c-footer__copyright {
+  padding: 0 0 get-padding('normal') 0;
+  font-size: get-font-size('small');
+}

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_header.scss

@@ -1,7 +1,7 @@
 @use '~design' as *;
 
 .c-header {
-  background-color: get-color('light-grey');
+  background-color: get-color('grey-100');
 
   .c-logo {
     max-width: px-rem(200);

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_main-nav.scss

@@ -108,11 +108,11 @@
   &:focus,
   .current-menu-item > &,
   .current-menu-parent > & {
-    color: get-color('secondary');
+    color: get-color('foreground');
     text-decoration: none;
 
     .c-main-nav__caret::before {
-      border-top-color: get-color('secondary');
+      border-top-color: get-color('foreground');
     }
   }
 }
@@ -210,15 +210,15 @@
   &:hover,
   &:focus,
   .current-menu-item > & {
-    color: get-color('secondary');
+    color: get-color('foreground');
     text-decoration: none;
 
     @include bp(large) {
-      background-color: get-color('light-grey');
+      background-color: get-color('grey-100');
     }
 
     .c-main-nav__caret::before {
-      border-top-color: get-color('secondary');
+      border-top-color: get-color('foreground');
     }
   }
 }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_pagination.scss

@@ -26,7 +26,7 @@
       text-decoration: none;
 
       &.current {
-        color: get-color('secondary');
+        color: get-color('foreground');
         text-decoration: underline;
       }
     }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_post-card.scss

@@ -7,6 +7,6 @@
   width: 100%;
   padding: get-padding('normal');
   background-color: get-color('white');
-  border: 1px solid get-color('light-grey');
+  border: 1px solid get-color('grey-100');
   border-radius: get-border-radius('small');
 }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_post.scss

@@ -6,7 +6,9 @@
 }
 
 .c-post__inner {
-  margin-bottom: get-margin('medium');
+  .single & {
+    margin-bottom: get-margin('medium');
+  }
 }
 
 .c-post__meta {

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_posts-items.scss

@@ -11,7 +11,7 @@
   width: 100%;
   padding: get-padding('normal');
   background-color: get-color('white');
-  border: 1px solid get-color('light-grey');
+  border: 1px solid get-color('grey-100');
   border-radius: get-border-radius('small');
 
   @include bp(msmall) {

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_sidebar.scss

@@ -15,6 +15,6 @@
 .c-sidebar__inner {
   padding: get-padding('normal');
   background-color: get-color('white');
-  border: 1px solid get-color('light-grey');
+  border: 1px solid get-color('grey-100');
   border-radius: get-border-radius('small');
 }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/components/_slider.scss

@@ -51,7 +51,7 @@
       background-color: rgba(255, 255, 255, 100%);
 
       &::after {
-        color: get-color('secondary');
+        color: get-color('foreground');
       }
     }
   }
@@ -100,7 +100,7 @@
 
 .swiper-pagination-bullet-active-main,
 .swiper-pagination:not(.swiper-pagination-dots-dynamic) .swiper-pagination-bullet-active {
-  background-color: get-color('secondary');
+  background-color: get-color('foreground');
   opacity: 1;
 }
 
@@ -120,7 +120,7 @@
     }
 
     &.swiper-slide-thumb-active img {
-      border: 2px solid get-color('secondary');
+      border: 2px solid get-color('foreground');
       opacity: 1;
     }
   }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/elements/_form.scss

@@ -14,12 +14,12 @@ $form-field-line-height: get-line-height('normal');
 $form-field-color: get-color('foreground');
 $form-field-accent: get-color('primary');
 $form-field-accent-contrast: get-color('white');
-$form-field-border-color: get-color('medium-grey');
+$form-field-border-color: get-color('grey-300');
 $form-field-focus-border-color: $form-field-accent;
-$form-field-placeholder-color: get-color('grey');
+$form-field-placeholder-color: get-color('grey-900');
 $form-field-shadow-focus: 0 0 0 3px hsla(256deg, 68%, 24%, 50%);
 $form-field-bg-color: get-color('white');
-$form-field-bg-range-track: get-color('secondary');
+$form-field-bg-range-track: get-color('foreground');
 $form-field-range-shadow-focus: 0 0 0 2px hsla(9deg, 100%, 66%, 50%);
 $form-field-range-thumb-shadow-focus: 0 0 0 2px hsla(256deg, 68%, 24%, 50%);
 $form-field-error-color: get-color('error');

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/elements/_shared.scss

@@ -42,3 +42,7 @@ mark {
   font-weight: 700;
   background-color: transparent;
 }
+
+strong {
+  font-weight: 700;
+}

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/login.scss

@@ -39,7 +39,7 @@ body.login {
       justify-content: center;
       width: 36%;
       padding: 0 7%;
-      background: linear-gradient(180deg, get-color('light-grey') 0%, get-color('white') 100%);
+      background: linear-gradient(180deg, get-color('grey-100') 0%, get-color('white') 100%);
     }
 
     @include bp(large) {
@@ -123,7 +123,7 @@ body.login {
     font-size: get-font-size('large');
     font-weight: 700;
     text-align: center;
-    background: linear-gradient(51deg, get-color('light-grey'), rgba(255, 255, 255, 50%));
+    background: linear-gradient(51deg, get-color('grey-100'), rgba(255, 255, 255, 50%));
     opacity: 0;
     transition: get-transition('normal');
 

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/objects/_wrapper.scss

@@ -13,6 +13,10 @@
 .o-wrapper__inner {
   width: 100%;
   max-width: get-layout-size('content');
-  padding-inline: get-padding('small');
+  padding-inline: get-padding('normal');
   margin-inline: auto;
+
+  &--wide {
+    max-width: get-layout-size('wide');
+  }
 }

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/woo/_general.scss

@@ -6,7 +6,7 @@
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) {
   div.product span.price,
   div.product p.price {
-    color: get-color('secondary');
+    color: get-color('foreground');
   }
 }
 
@@ -28,7 +28,7 @@
     line-height: get-line-height('large');
     color: get-color('white');
     text-align: center;
-    background-color: get-color('secondary');
+    background-color: get-color('foreground');
     border-radius: 100%;
   }
 

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/woo/_notices.scss

@@ -27,7 +27,7 @@
   padding: get-padding('normal') get-padding('large') get-padding('normal') px-rem(48);
   margin: 0 0 get-margin('xlarge');
   color: get-color('foreground');
-  background-color: get-color('light-grey');
+  background-color: get-color('grey-100');
   border-top: 3px solid get-color('info');
 
   &::before {

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/woo/_product.scss

@@ -3,14 +3,14 @@
 .woocommerce div.product {
   .woocommerce-tabs ul.tabs li {
     color: get-color('primary');
-    background-color: get-color('light-grey');
+    background-color: get-color('grey-100');
   }
 }
 
 .woocommerce-product-gallery {
   overflow: hidden;
   background-color: get-color('white');
-  border: 1px solid get-color('light-grey');
+  border: 1px solid get-color('grey-100');
   border-radius: get-border-radius('small');
 }
 

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/wp-editor/_block-edit-selector.scss

@@ -21,14 +21,14 @@
 
 .c-block-edit-selector__inner {
   color: get-color('black');
-  background-color: get-color('light-grey');
+  background-color: get-color('grey-100');
 }
 
 .c-block-edit-selector__button {
   height: auto !important;
   padding: get-padding('tiny') get-padding('little') !important;
   color: get-color('black') !important;
-  border: 1px solid get-color('light-grey');
+  border: 1px solid get-color('grey-100');
   box-shadow: none !important;
 
   &.is-large {

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/wp-editor/_core-spacer.scss

@@ -5,7 +5,7 @@
   @include meta.load-css('../blocks/core-spacer');
 
   .wp-block-spacer {
-    background-color: get-color('light-grey');
+    background-color: get-color('grey-100');
 
     .components-resizable-box__container {
       display: none;

package/lib/commands/create/creators/app/chisel-starter-theme/src/styles/wp-editor/_render-appender.scss

@@ -15,8 +15,8 @@
     padding: get-padding('normal');
     font-size: get-font-size('normal');
     color: get-color('black');
-    background-color: get-color('light-grey');
-    border: 1px solid get-color('medium-grey');
+    background-color: get-color('grey-100');
+      border: 1px solid get-color('grey-300');
     transition: none;
 
     span {

package/lib/commands/create/creators/app/chisel-starter-theme/style.chisel-tpl.css

@@ -3,7 +3,7 @@
  * Theme URI: https://www.getchisel.co/
  * Author: <%= app.author %>
  * Description: Chisel Wordpress Starter Theme based on Timber library.
- * Version: 2.2.0
+ * Version: 2.2.1
  * License: GNU General Public License v2 or later
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
  * Tags: chisel, custom, starter, theme, WordPress