woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

✨ Add scroll-effect (shadow) to header bar

Browse source
This commit is contained in:
Philipp Stracker 2024-12-03 15:18:08 +01:00
parent 0f992dbe3b
commit 841a98e009
No known key found for this signature in database
3 changed files with 57 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
modules/ppcp-settings/resources/css/components/reusable-components/_navigation.scss
View file

@ -8,6 +8,7 @@
box-shadow: 0 -1px 0 0 $color-gray-300 inset;
background: var(--ppcp-color-app-bg);
transition: box-shadow 0.3s;
--wp-components-color-accent: #{$color-blueberry};
--color-text: #{$color-gray-900};
@ -78,6 +79,10 @@
}
}
&.is-scrolled {
box-shadow: 0 -1px 0 0 $color-gray-300 inset, 0 8px 8px 0 rgba(85,93,102,.3);
}
@media screen and (max-width: 480px) {
padding: 24px 35px;