1a797f2808
In the previous commit, we used the `calc` function when assiging CSS properties in order to avoid warnings like: ``` Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($global-width, 2) or calc($global-width / 2) ``` In cases like dividing by two, there's a third alternative: multiplying by 0.5. We're applying this principle to all variable assignments where we were using divisions, since using the `calc` function here would sometimes result in errors due to these variables being used in arithmetical operations. We aren't using `math.div` because it makes the code harder to read.
24 lines
442 B
SCSS
24 lines
442 B
SCSS
.admin .drafting {
|
|
$vertical-gap: nth($callout-margin, 3);
|
|
@include flex-with-gap($line-height * 0.5);
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
margin-bottom: $line-height * 1.5;
|
|
margin-top: -$vertical-gap;
|
|
|
|
> * {
|
|
margin-top: $vertical-gap;
|
|
}
|
|
|
|
.callout {
|
|
flex-basis: calc(#{$global-width} / 3);
|
|
flex-grow: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.publish-link {
|
|
@include regular-button;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|