-
-
Notifications
You must be signed in to change notification settings - Fork 44
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
Conversation
@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; | ||
} | ||
} | ||
|
There was a problem hiding this comment.
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.
// formerly in _colors.scss, moved here so that | ||
// @import "_variables"; in scoped styles in vue components | ||
// doesn't result in repeated CSS generated | ||
|
There was a problem hiding this comment.
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.
// Breakpoints | ||
// // Same as JS breakpoints at breakpoints.js | ||
// TODO: Redefine the breakpoints with @mmbotelho in a next task. | ||
$gap: 1rem; | ||
$tablet: 769px; | ||
$desktop: 1200px; | ||
|
There was a problem hiding this comment.
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 @forward
ed 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.
group-income
|
Project |
group-income
|
Branch Review |
sebin/task/#2549-sass-deprecation-issue
|
Run status |
|
Run duration | 10m 52s |
Commit |
|
Committer | Sebin Song |
View all properties for this run ↗︎ |
Test results | |
---|---|
|
0
|
|
0
|
|
10
|
|
0
|
|
112
|
View all changes introduced in this branch ↗︎ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work @SebinSong!
closes #2549