diff --git a/packages/styles/src/components/footer/_post-footer.scss b/packages/styles/src/components/footer/_post-footer.scss index 0aaec6afe0..411a6acc52 100644 --- a/packages/styles/src/components/footer/_post-footer.scss +++ b/packages/styles/src/components/footer/_post-footer.scss @@ -83,21 +83,6 @@ post-footer { &[slot='socialmedia'] > [role='list'] { gap: var(--post-footer-socialmedia-list-item-gap); - - post-list-item a post-icon:not([name='letter']) { - width: 26px; - height: 26px; - - @include media.max(md) { - width: 24px; - height: 24px; - } - - @include media.max(sm) { - width: 22px; - height: 22px; - } - } } &[slot='app'] > [role='list'] { @@ -113,4 +98,19 @@ post-footer { column-gap: var(--post-footer-meta-list-item-gap); } } + + post-list[slot='socialmedia'] post-list-item a post-icon:not([name='letter']) { + width: 26px; + height: 26px; + + @include media.max(md) { + width: 24px; + height: 24px; + } + + @include media.max(sm) { + width: 22px; + height: 22px; + } + } } diff --git a/packages/styles/src/variables/components/_notification.scss b/packages/styles/src/variables/components/_notification.scss index 06d6204bdf..7809cfddbd 100644 --- a/packages/styles/src/variables/components/_notification.scss +++ b/packages/styles/src/variables/components/_notification.scss @@ -71,13 +71,17 @@ $notification-variants: () !default; $notification-variants: list.join( $notification-variants, ( - 'info' tokens.get('banner-info-bg') var(--post-signal-icon-info) tokens.get('banner-info-border-color') - tokens.get('banner-info-icon-color') tokens.get('post-banner-info-bg-scheme'), - 'success' tokens.get('banner-success-bg') var(--post-signal-icon-success) tokens.get('banner-success-border-color') - tokens.get('banner-success-icon-color') tokens.get('post-banner-success-bg-scheme'), - 'warning' tokens.get('banner-warning-bg') var(--post-signal-icon-warning) tokens.get('banner-warning-border-color') - tokens.get('banner-warning-icon-color') tokens.get('post-banner-warning-bg-scheme'), - 'error' tokens.get('banner-error-bg') var(--post-signal-icon-error) tokens.get('banner-error-border-color') - tokens.get('banner-error-icon-color') tokens.get('post-banner-error-bg-scheme') + 'info' tokens.get('banner-info-bg') var(--post-signal-icon-info) + tokens.get('banner-info-border-color') tokens.get('banner-info-icon-color') + tokens.get('post-banner-info-bg-scheme'), + 'success' tokens.get('banner-success-bg') var(--post-signal-icon-success) + tokens.get('banner-success-border-color') tokens.get('banner-success-icon-color') + tokens.get('post-banner-success-bg-scheme'), + 'warning' tokens.get('banner-warning-bg') var(--post-signal-icon-warning) + tokens.get('banner-warning-border-color') tokens.get('banner-warning-icon-color') + tokens.get('post-banner-warning-bg-scheme'), + 'error' tokens.get('banner-error-bg') var(--post-signal-icon-error) + tokens.get('banner-error-border-color') tokens.get('banner-error-icon-color') + tokens.get('post-banner-error-bg-scheme') ) ); diff --git a/packages/styles/src/variables/components/_spinners.scss b/packages/styles/src/variables/components/_spinners.scss index ae0d001bc4..91d9af713b 100644 --- a/packages/styles/src/variables/components/_spinners.scss +++ b/packages/styles/src/variables/components/_spinners.scss @@ -27,4 +27,3 @@ $spinner-size-map: ( // 56 is already defined as default 80: 5rem, ); -