Merged in fix/SW-1733-start-page-enhancements-and-fixes (pull request #1415)
Fix/SW-1733 start page enhancements and fixes * fix: simplify carousel navigation and grid layout styling and fix padding issue * refactor(SW-1733): replace Preamble with Body component in JoinScandicFriends * refactor(SW-1733): update FullWidthCampaign button width styling * feat(SW-1733): Add gradient overlay to FullWidthCampaign component * refactor(SW-1733): Simplify FullWidthCampaign button props * refactor(SW-1733): Remove redundant button wrapper divs in FullWidthCampaign * refactor(SW-1733): Adjust FullWidthCampaign button wrapper min-width responsively Approved-by: Christian Andolf
This commit is contained in:
@@ -34,11 +34,11 @@
|
||||
}
|
||||
|
||||
.buttonPrev {
|
||||
left: calc(-1 * var(--Spacing-x1));
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
.buttonNext {
|
||||
right: calc(-1 * var(--Spacing-x1));
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
.prevIcon {
|
||||
@@ -67,7 +67,7 @@
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
grid-auto-columns: calc((100% - var(--Spacing-x3)) / 2);
|
||||
grid-auto-columns: calc(50% - var(--Spacing-x2) / 2);
|
||||
}
|
||||
|
||||
.button {
|
||||
@@ -77,6 +77,6 @@
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.container {
|
||||
grid-auto-columns: calc((100% - var(--Spacing-x3) * 2) / 3);
|
||||
grid-auto-columns: calc(33.33% - var(--Spacing-x2) * 2 / 3);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user