Updated divisions to math.div (#7549)
* Updated divisions to math.div on Reversi (game.board.vue) * Update src/client/pages/reversi/game.board.vue Co-authored-by: syuilo <Syuilotan@yahoo.co.jp> * Oops. Forgot to put it all through parenthesis * Imported sass:math * Fixes on drive.vue * Forgot the stupid comma Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
This commit is contained in:
parent
441790be2d
commit
fa1b38394c
|
@ -350,6 +350,9 @@ export default defineComponent({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
@use "sass:math";
|
||||||
|
|
||||||
.xqnhankfuuilcwvhgsopeqncafzsquya {
|
.xqnhankfuuilcwvhgsopeqncafzsquya {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
@ -388,11 +391,11 @@ export default defineComponent({
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-left: -($gap / 2);
|
margin-left: -(math.div($gap, 2));
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: -($gap / 2);
|
margin-right: -(math.div($gap, 2));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -413,11 +416,11 @@ export default defineComponent({
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-top: -($gap / 2);
|
margin-top: -(math.div($gap, 2));
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: -($gap / 2);
|
margin-bottom: -(math.div($gap, 2));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -220,6 +220,9 @@ export default defineComponent({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
@use "sass:math";
|
||||||
|
|
||||||
.uawsfosz {
|
.uawsfosz {
|
||||||
> div {
|
> div {
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
|
@ -227,12 +230,12 @@ export default defineComponent({
|
||||||
> .meter {
|
> .meter {
|
||||||
$size: 12px;
|
$size: 12px;
|
||||||
background: rgba(0, 0, 0, 0.1);
|
background: rgba(0, 0, 0, 0.1);
|
||||||
border-radius: ($size / 2);
|
border-radius: math.div($size, 2);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
height: $size;
|
height: $size;
|
||||||
border-radius: ($size / 2);
|
border-radius: math.div($size, 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue