comand-component-library 4.0.11 → 4.0.13

package/src/components/CmdPagination.vue

@@ -218,7 +218,7 @@ export default {
 @import '../assets/styles/variables';
 
 @media only screen and (max-width: $medium-max-width) {
-    .cmd-pager {
+    .cmd-pagination {
         > a.button {
             span {
                 margin: 0;

package/src/components/CmdSocialNetworks.vue

@@ -381,6 +381,7 @@ export default {
         }
 
         &:hover, &:active, &:focus {
+            background: var(--pure-white);
             color: var(--pure-white);
 
             > span {
@@ -410,10 +411,8 @@ export default {
 <style lang="scss">
 @import "../assets/styles/variables";
 
-@container (max-width: #{$small-max-width}) {
+@mixin button-wrapper {
     .cmd-social-networks {
-        container-type: normal; /* do not set to 'inline-size' to avoid to be stretched vertically on small devices */
-
         .button-wrapper {
             .button {
                 flex: none;
@@ -429,5 +428,13 @@ export default {
     }
 }
 
+@media only screen and (max-width: $small-max-width) {
+    @include button-wrapper
+}
+
+@container (max-width: #{$small-max-width}) {
+    @include button-wrapper
+}
+
 /* end cmd-social-networks ------------------------------------------------------------------------------------------ */
 </style>

package/src/index.js

@@ -29,6 +29,7 @@ export { default as CmdNewsletterSubscription } from '@/components/CmdNewsletter
 export { default as CmdOpeningHours } from '@/components/CmdOpeningHours.vue'
 export { default as CmdPagination } from '@/components/CmdPagination.vue'
 export { default as CmdPageFooter } from '@/components/CmdPageFooter.vue'
+export { default as CmdPageHeader } from '@/components/CmdPageHeader.vue'
 export { default as CmdProgressBar } from '@/components/CmdProgressBar.vue'
 export { default as CmdSidebar } from '@/components/CmdSidebar.vue'
 export { default as CmdSiteFooter } from '@/components/CmdSiteFooter.vue'