Use new div method in scss

Signed-off-by: Louis Chemineau <louis@chmn.me>
This commit is contained in:
Louis Chemineau 2021-12-01 22:46:01 +01:00 committed by John Molakvoæ
parent b664aad7ab
commit b312db382d
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF
3 changed files with 11 additions and 5 deletions

View file

@ -243,6 +243,8 @@ export default {
</script>
<style lang="scss" scoped>
@use "sass:math";
$comment-padding: 10px;
.comment {
@ -253,7 +255,7 @@ $comment-padding: 10px;
display: flex;
align-items: center;
min-height: 44px;
padding: $comment-padding / 2 0;
padding: math.div($comment-padding, 2) 0;
}
&__author,

View file

@ -163,6 +163,8 @@ export default {
</script>
<style lang="scss" scoped>
@use "sass:math";
$clickable-area: 44px;
$margin: 10px;
@ -197,7 +199,7 @@ $margin: 10px;
background-position: center center;
background-size: 32px;
&--rounded {
border-radius: $clickable-area / 2;
border-radius: math.div($clickable-area, 2);
}
&--no-preview {
background-size: 32px;

View file

@ -638,6 +638,8 @@ export default {
</script>
<style lang="scss" scoped>
@use "sass:math";
$margin: 10px;
$input-height: 34px;
$input-padding: 6px;
@ -660,7 +662,7 @@ $input-padding: 6px;
}
&__filters {
margin: $margin / 2 $margin;
margin: math.div($margin, 2) $margin;
ul {
display: inline-flex;
justify-content: space-between;
@ -680,7 +682,7 @@ $input-padding: 6px;
&-input,
&-reset {
margin: $input-padding / 2;
margin: math.div($input-padding, 2);
}
&-input {
@ -732,7 +734,7 @@ $input-padding: 6px;
}
&__filters {
margin-right: $margin / 2;
margin-right: math.div($margin, 2);
}
&__results {