Skip to content

Comments

fix(sass): changed slashes to math.div#1177

Closed
peter7cole wants to merge 5 commits intomomentum-design:masterfrom
peter7cole:sass-division
Closed

fix(sass): changed slashes to math.div#1177
peter7cole wants to merge 5 commits intomomentum-design:masterfrom
peter7cole:sass-division

Conversation

@peter7cole
Copy link
Contributor

Description

This PR addresses a Deprecation Warning that we've noticed in our builds for the Webex admin portal.
Linked announcement here: https://sass-lang.com/documentation/breaking-changes/slash-div

Related Issue

Deprecation Warning: Sass Slashes #1176

Motivation and Context

We would like to clear our warnings

Screenshots:

Screen Shot 2022-03-10 at 9 34 21 PM

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Documentation update
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Other... Please describe:

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

@peter7cole peter7cole closed this Mar 11, 2022
@peter7cole peter7cole deleted the sass-division branch March 11, 2022 06:47
@peter7cole peter7cole restored the sass-division branch March 11, 2022 06:50
@peter7cole peter7cole reopened this Mar 11, 2022
#{$circle-size},
calc(#{$circle-size} / 2)
);
clip: rect(0px, #{$circle-size}, #{$circle-size}, calc(#{$circle-size} / 2));
Copy link
Contributor Author

Choose a reason for hiding this comment

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

having some issues with the formatting, but this matches the printWidth: 100 in the .prettierrc.json file

Copy link
Collaborator

@eazy-g eazy-g left a comment

Choose a reason for hiding this comment

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

Thanks for taking this on @peter7cole ! I was just running into same headache

@@ -4244,10 +4241,10 @@ $definition-list-margin-bottom: 0.5rem;

// ex.: golden ratio
// current: 16 * 1.71429 / 4 = 6.85716
$base-scale: $base-unit-rem * $base-line-height-ratio / $base-unit-px;
$base-scale: $base-unit-rem * calc($base-line-height-ratio / $base-unit-px);
Copy link
Collaborator

Choose a reason for hiding this comment

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

Tests are failing on these...I think you have to use #{$base-line-height-ratio} format when referencing variables in calc()

Copy link
Contributor Author

Choose a reason for hiding this comment

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

got it, thank you for the catch

@peter7cole
Copy link
Contributor Author

peter7cole commented Mar 11, 2022

Thanks for taking this on @peter7cole ! I was just running into same headache

@eazy-g thank you, I'm going to link a new PR and close this one as I'm running into a bit of a headache geting github to sync formatting UPDATE: #1179

@peter7cole peter7cole closed this Mar 11, 2022
@peter7cole peter7cole deleted the sass-division branch March 11, 2022 23:07
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