…exist. This can happen if the featured product section is rendered as a placeholder (blank) (#2281)

* Fix mark element not getting the right color

* Update assets/component-predictive-search.css

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>

---------

Co-authored-by: Andrew Etchen <andrew.etchen@shopify.com>

* Update 1 translation file

* Update 1 translation file

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* Update 2 translation files

* Update 1 translation file

* Update 1 translation file

* Update 1 translation file

* Update 1 translation file

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* reorder color setting

* add extra header

* move below separator line

* testing alternative

* remove header content

* changing content to info

* testing locale change

* changes

* revert

* remove unused content

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* New hosted video setting and liquid improvements

* Setting and content updates

* Settings updates

* More setting/content changes

* Another one

* Fix mute and border radius

* Aspect ratio fixes and general improvements

* Safari autoplay fix

* Update no-js experience

* Update 20 translation files

* Whitespace

* Prevent no-js autoplay

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* Update image-banner.liquid

* Update main-product.liquid

* Update collapsible-content.liquid

* Update multicolumn.liquid

* Update collection-list.liquid

* Update featured-collection.liquid

* Update main-list-collections.liquid

* Update featured-blog.liquid

* Update featured-product.liquid

* Update footer.liquid

* Update newsletter.liquid

* Update slideshow.liquid

* Revert "Update image-banner.liquid"

This reverts commit e9cd340.

* Fix image banner implementation.

* Update collage.liquid

* Update collapsible_tab in Main Product Section

* Update image-with-text.liquid

* Update product-recommendations.liquid

* Update contact-form.liquid

* Update video.liquid

Update video.liquid

* Update collapsible-content.liquid

* Add a little bit of inline rte CSS.

To ensure links appear correctly.

* Update rich-text heading to use inline RTE instead of normal RTE.

* Remove paragraphs.

* Remove paragraph tags from homepage rich text heading.

* Move inline rte code inside of the main rte css file.

* Remove unintentional whitespace changes.

* Whitespace update.

* Code cleanup.

* re add classes in icon with text snippet after rebase

* Move link styles to base.css

* Remove unnecessary asset loading.

* Use RTE styles for the slideshow subhead instead.

* Slideshow and image banner special cases.

* Remove richtext from collapsible row.

* Tidying up.

* Remove component-rte.css from collage.liquid

It doesn't use a richtext component.

* Load the rte styles in slideshow.liquid.

* Remove unnecessary rule.

* Update classname to inline-richtext.

* Revert back to the existing richtext field in rich-text.liquid heading.

* Use inline-heading class for richtext heading.

To retain the same hover color as other headings.

* Fix link color inconsistencies.

* Move banner--desktop-transparent styles.

* Combine CSS Rules.

Co-authored-by: Ludo <ludo.segura@shopify.com>

* Combine CSS rules.

Co-authored-by: Ludo <ludo.segura@shopify.com>

* Update wrapper tags for Image Banner & Slideshow.

* Remove duplicate calls to component-rte.css

* Reformat link color rules to be more readable.

---------

Co-authored-by: Ludo <ludo.segura@shopify.com>

* add zoom on hover and show spinner when image loading

* Make header image preload and always 1x 2x sizes

* Add middle size to image_tag

* Fix image size so that desktop logo width is always respected

* Fix the sticky-header scroll width

* Use wrapper to resize logo to 75%

* Swap sizes

* Add drawer option to the menu settings

* Add logic and styles for drawer menu

* Add a new breakpoint for desktop layout. Implement movement of close button for the drawer.

* Change a css rule order

* Minor changes in css to position close-button correctly

* Minor changes in css to position close-button correctly

* Minor changes in base.css and header.liquid

* Fix resizing issue for open drawer

* Clean up JS logic.

* Remove repositioning of closing button X. Align log-in icon and nav. Decrease the header padding for tablet.

* Remove unnecessary css rule.

* Minor refactoring

* Hide login in the drawer for tablet/desktop.

* Refactoring css

* Change naming for grid system

* Refactor header.liquid. Remove else and add elsif.

* Polish css. Add role navigation for drawer-menu.

* Remove role navigation and add nav tag

* Remove nav

* Change order of conditional classes. Correct indentation.

* Minor chnages in grid system.

* Move the cart-notification according to the menu type.

* Fix typo in comment.

* Minor fix for middle-center logo position.

* Add condition for .header-middle-center for drawer

* Minor changes in css for .header__search

* Refactor and polish css.

* Update 20 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

…moved rte styling into base.css (#2326)

Closes: #2328

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* fix fetch url so it's not hard coded

* change url

* remove my word

* Update 18 translation files

* Update 8 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* Increase specificity for page-width--narrow class

* Add :where to lower specificity.

* Minor refactor

* Minor refactor

* Update image settings for multicolumn.

* Add more breakpoints.

* Change naming. Add arbitrary number for widths. Improve sizes.:

* Add more numbers to widths.

* Add paddings for calculation

* Add variables

* [Image banner] Add ambient movement to background

* Polish up the animation

* Support prefers-reduced-motion

* Reorder schema entries.

* Tidy up header names.

* Try a faster animation.

* Load in higher-res images when ambient animation is active.

* Change both the sizes and widths properties.

* Fix unintended change to the first stacked conditional.

* Update 20 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* support gradien in header for locales selector

* Remove gradient from local dropdowns in header

* Delete overflow-y

* Add position: relative to menu-drawer__utility-links

* Overwrite spacing on mobile for blog post section

* switch to option 2

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* Add ambient movement to image with text.

* Switch to global animation string declarations.

* Remove the old strings.

* Update header key for consistency.

* Update 17 translation files

* Update 3 translation files

* Update 18 translation files

* Update 2 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

…uce additional requests (#2421)

* [Image banner] Add ambient movement to background

* Polish up the animation

* Support prefers-reduced-motion

* Reorder schema entries.

* Tidy up header names.

* Try a faster animation.

* Load in higher-res images when ambient animation is active.

* Change both the sizes and widths properties.

* Fix unintended change to the first stacked conditional.

* Add ambient animation to Slideshow.

* Use global strings instead of re-writing them..

* Update sections/slideshow.liquid

Co-authored-by: Lucas Lacerda <37168033+LucasLacerdaUX@users.noreply.github.com>

---------

Co-authored-by: Lucas Lacerda <37168033+LucasLacerdaUX@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

add scroll animation to image banner and image with text (#2362)

* Initial commit

* Add more transforms, improve blob shape.

* Add lots of blob shapes.

* Fix filtering.

* Remove image filters.

* Remove filter code.

* Fix circle shape.

* Animate circle hovers.

* Add additional hovers.

* Animate all the blobs.

* Fix standalone image with text blob.

* Stop applying scale hover for cards when blobby.

* Cleanup, add arch style.

* Animate the arch.

* Move svg renders out of theme.liquid.

* Use all masks in all places. Tidy up.

* Ensure svg is hidden from view.

* Fix name of circle shape.

* Add warning about shadow and border.

* Fine-tune the blob shapes.

* Tidy up the shapes used.

* Respect prefers-reduced-motion

* Fix typo.

* Match circle animation to the image zoom.

* Alphabetize options.

* Remove border clipping for image banner shapes.

* Round blob coordinates down to three decimal places..

* Remove Image with Text hovers.

* Rewrite the helper text to be more positive.

Co-authored-by: melissaperreault <melissa.perreault@shopify.com>

* Add settings for Search & Product Collection

* Add settings for related products.

* Remove label about border and shadow.

* Remove unused settings schema entry.

* Blobs > Blob

* Remove borders from shapes.

* Remove unnecessary specificity from card shape rules.

* Use consistent card hover selectors.

* Remove unnecessary rules.

* Use a shared class approach for applying shapes.

* Remove unnecessary rule.

These styles aren't currently applied to the collage section at all.

* Remove extra space.

* Use a generic image_shape schema to avoid duplication.

* Reinstate the grow-on-hover for blob product cards.

* Fix background color for text-only cards.

* Use "Round" instead of "Oval" and "Circle"

* Fix Image with Text labels.

* Try fixing the circle clipping.

* Try fixing interactions with global container settings.

* Refector last commit, fix tiny bugs.

* Cleanup

* Remove image with text effects from this PR.

* Move mask-blobs into a CSS file.

* Fix card--shape class conditional.

* Fix the image_shape description.

Co-authored-by: Lucas Lacerda <37168033+LucasLacerdaUX@users.noreply.github.com>

* Use a unique id naming convention for the Arch shape svg.

* Update 20 translation files

* Get shape shadows working.

* Add warning about borders not working.

* Update 17 translation files

* Update 3 translation files

---------

Co-authored-by: melissaperreault <melissa.perreault@shopify.com>
Co-authored-by: Lucas Lacerda <37168033+LucasLacerdaUX@users.noreply.github.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* change version number

* Fix locales shadow in menu drawer (#2465)

* add release notes

* Split out drawer, dropdown, megamenu, and search

* Clean up

* Formatting

* Snippet docs edit

* Formatting again

* Change prop

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

…ns (#2372)

animate Featured Collection, Product grid, Related products

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

…account / localizations (#2425)

* Change css rule for empty social media icons ul

* Fix empty space in the drawer

* Move logic from header-drawer to header element and refactor.

* Minor refactoring.

* Add logic for collage image sizes

* Add more logic and refactor.

* Refactoring

add cascading animation to multicolumn

* Add slideshow for announcements

* Add full width for announcements slider

* Add component-slider.css

* Add 100% height for buttons. Vertical aligning for text.

* Fix conflicts

* Add missed class that caused wrong alignment

* Change accessibility attributes from slideshow to announcements

* Minor change for aria-label

* Update en.default.json file

* Refactor and change naming of classes

* Add missing role for slideshow-component

* Remove hover for announcement link

* Refactor css classes. Remove unnecessary chunk of code.

* Fix if logic in liquid

* Add JS logic for prefers-reduced-motion for both announcements and slideshow component

* Refactoring

* Cancel preventing auto-rotation from slideshow when reduced-motion. Add mouse over/leave and focusin/focusout to stop rotation

* Correct focus-visible for announcements slideshow buttons

* Add settings to en.default.schema.json

* Minor refactoring

* Update 6 translation files

* Update 5 translation files

* Add underline decoration for link

* Update 24 translation files

* Update 15 translation files

* Remove unnecessary class. Move css styles for announcements-slider to base.css. Refactor JS.

* Add min-width for buttons.

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

* Add prettier config file

* Prettify JS and CSS files

Run base.css through prettier

Run global.js through prettier

Add prettier to list of recommended settings and enable format on save

Prettify base and global again

Remove unnecessary params for prettierrc

Run all files through prettier

Fix rule re-added by bad rebase

Revery mask-blobs (don't prettier it)

add fade in on scroll animation to Rich text and Email signup

…behaviour (#2472)

* Prevent singleQuote for liquid files

* Be prescriptive with formatOnSave

add fade in on scroll animation to Collage and Slideshow

* Fine-tune the slideIn animation.

* Adjust speed of the animation.

* Use cubic-bezier easing.

* Slow down the animation very slightly.

* Animate contact form on scroll.

* Update sections/contact-form.liquid

Co-authored-by: Ludo <ludo.segura@shopify.com>

* Update sections/contact-form.liquid

Co-authored-by: Ludo <ludo.segura@shopify.com>

---------

Co-authored-by: Ludo <ludo.segura@shopify.com>

Using the new name for this translation scheme.

* Animate Collection List

* Animate Featured Blog