Skip to content

Commit

Permalink
fix: fix spacings and shadow
Browse files Browse the repository at this point in the history
  • Loading branch information
jeripeierSBB committed Mar 7, 2024
1 parent bf1ed89 commit 171219a
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions src/components/container/sticky-bar/sticky-bar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ $intersector-overlapping: 1px;
:host {
@include sbb.box-sizing;

--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs);
--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
--sbb-sticky-bar-animation-duration: var(--sbb-animation-duration-5x);
--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);

Expand Down Expand Up @@ -71,7 +71,7 @@ $intersector-overlapping: 1px;
clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 50%);

:host([data-sticking]) & {
@include sbb.shadow-level-5-hard;
@include sbb.shadow-level-9-soft;

@include sbb.if-forced-colors {
border-block-start: var(--sbb-border-width-1x) solid CanvasText;
Expand Down
2 changes: 1 addition & 1 deletion src/components/container/sticky-bar/sticky-bar.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import style from './sticky-bar.scss?lit&inline';
/**
* A container that sticks to the bottom of the page if slotted into `sbb-container`.
*
* @cssprop [--sbb-sticky-bar-padding-block=var(--sbb-spacing-responsive-xxxs)] - Block padding of the sticky bar.
* @cssprop [--sbb-sticky-bar-padding-block=var(--sbb-spacing-responsive-xs)] - Block padding of the sticky bar.
* @cssprop [--sbb-sticky-bar-bottom-overlapping-height=0px] - Define an additional
* area where the sticky bar overlaps the following content on the bottom.
* This area becomes visible when the sticky bar transitions from sticky to the normal document flow.
Expand Down

0 comments on commit 171219a

Please sign in to comment.