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

#2549 - sass deprecation issue #2559

Merged
merged 4 commits into from
Jan 29, 2025

Conversation

SebinSong
Copy link
Collaborator

closes #2549

@SebinSong SebinSong self-assigned this Jan 29, 2025
Comment on lines -29 to -58
@mixin removeSideCardPadding {
width: calc(100% + 2rem);
margin-left: -0.5rem;
margin-right: -0.5rem;

@include tablet {
width: calc(100% + 3rem);
margin-left: -1.5rem;
margin-right: -1.5rem;
}

@include desktop {
width: calc(100% + 5rem);
margin-left: -2.5rem;
margin-right: -2.5rem;
}
}

@mixin removeTopCardPadding {
margin-top: -1.5rem;

@include tablet {
margin-top: -1.5rem;
}

@include desktop {
margin-top: -2.5rem;
}
}

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

These 2 mixins are duplicated in this file. So removing them.

Comment on lines -139 to -142
// formerly in _colors.scss, moved here so that
// @import "_variables"; in scoped styles in vue components
// doesn't result in repeated CSS generated

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This comment is not relevant anymore. So removed it.

Comment on lines -29 to -35
// Breakpoints
// // Same as JS breakpoints at breakpoints.js
// TODO: Redefine the breakpoints with @mmbotelho in a next task.
$gap: 1rem;
$tablet: 769px;
$desktop: 1200px;

Copy link
Collaborator Author

@SebinSong SebinSong Jan 29, 2025

Choose a reason for hiding this comment

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

breakpoint variables have now been moved to _mixins.scss which is @forwarded by this file now (L40 below). This ensures any .vue file that imports/uses variables.scss in its scoped style block can safely access these variables, just like prior to this PR.

Copy link

cypress bot commented Jan 29, 2025

group-income    Run #3838

Run Properties:  status check passed Passed #3838  •  git commit f0e001180e ℹ️: Merge 23ced88492302c67a82181e2bb508a7f16d2e27e into 2a129947cf27bf7d8a2328594afe...
Project group-income
Branch Review sebin/task/#2549-sass-deprecation-issue
Run status status check passed Passed #3838
Run duration 10m 52s
Commit git commit f0e001180e ℹ️: Merge 23ced88492302c67a82181e2bb508a7f16d2e27e into 2a129947cf27bf7d8a2328594afe...
Committer Sebin Song
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 10
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 112
View all changes introduced in this branch ↗︎

Copy link
Member

@taoeffect taoeffect left a comment

Choose a reason for hiding this comment

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

Great work @SebinSong!

@taoeffect taoeffect merged commit 22a497f into master Jan 29, 2025
4 checks passed
@taoeffect taoeffect deleted the sebin/task/#2549-sass-deprecation-issue branch January 29, 2025 02:54
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.

SASS deprecation warnings
2 participants