Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use box-shadow instead of drop-shadow to improve rendering performance in Safari. #94

Merged
merged 1 commit into from
Apr 1, 2023

Conversation

HosokawaR
Copy link
Member

@HosokawaR HosokawaR commented Mar 31, 2023

Ref #81

drop-shadowbox-shadow はアルゴリズムが違う可能性があるので注意が必要だが、今回は drop-shadow と同じプロパティを指定するとそっくりの見た目になった

@vercel
Copy link

vercel bot commented Mar 31, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
twinte-landing-page ✅ Ready (Inspect) Visit Preview Mar 31, 2023 at 1:59PM (UTC)

@HosokawaR HosokawaR marked this pull request as ready for review April 1, 2023 01:12
@HosokawaR
Copy link
Member Author

角が残ってしまうなどいろいろ不具合があるが、Safari のページが重すぎて離脱が激しいリスクを鑑みて、一旦 Merge したい

@HosokawaR HosokawaR requested a review from takonasu April 1, 2023 01:13
Copy link
Member

@takonasu takonasu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

いったん仮で入れます、ありがとう!

48.888px 48.888px 83.808px rgba(194, 203, 207, 0.25);
}

@mixin box-shadow-screen-primary {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

不要?

Copy link
Member Author

@HosokawaR HosokawaR Apr 1, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

今回は使われていないものの、もともと $box-shadow-screen-primary が定義されていたので、それに対応する @mixin を一応残しました

@takonasu takonasu merged commit c3e0fc5 into main Apr 1, 2023
@takonasu takonasu deleted the fix/heavy-in-safari branch April 1, 2023 01:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants