From 53f6b511180e62484d1754ac7d0e674ba835e717 Mon Sep 17 00:00:00 2001 From: Theo-Steiner Date: Wed, 28 Apr 2021 21:32:53 +0900 Subject: [PATCH] Adjust variable names to fit the pattern of CSS Logical Patterns --- src/runtime/transition/index.ts | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts index 740564c3b2..22307a0ec9 100644 --- a/src/runtime/transition/index.ts +++ b/src/runtime/transition/index.ts @@ -112,12 +112,12 @@ export function slide(node: Element, { const primary_dimension = axis === 'y' ? 'height' : 'width'; const primary_dimension_value = parseFloat(style[primary_dimension]); const secondary_dimensions = axis === 'y' ? ['Top', 'Bottom'] : ['Left', 'Right']; - const padding_first_value = parseFloat(style.padding + secondary_dimensions[0]); - const padding_second_value = parseFloat(style.padding + secondary_dimensions[1]); - const margin_first_value = parseFloat(style.margin + secondary_dimensions[0]); - const margin_second_value = parseFloat(style.margin + secondary_dimensions[1]); - const border_width_first_value = parseFloat(style['border'.concat(secondary_dimensions[0].concat('Width'))]); - const border_width_second_value = parseFloat(style[`border${secondary_dimensions[1]}Width`]); + const padding_start_value = parseFloat(style.padding + secondary_dimensions[0]); + const padding_end_value = parseFloat(style.padding + secondary_dimensions[1]); + const margin_start_value = parseFloat(style.margin + secondary_dimensions[0]); + const margin_end_value = parseFloat(style.margin + secondary_dimensions[1]); + const border_width_start_value = parseFloat(style[`border${secondary_dimensions[0]}Width`]); + const border_width_end_value = parseFloat(style[`border${secondary_dimensions[1]}Width`]); return { delay, duration, @@ -126,12 +126,12 @@ export function slide(node: Element, { 'overflow: hidden;' + `opacity: ${Math.min(t * 20, 1) * opacity};` + `${primary_dimension}: ${t * primary_dimension_value}px;` + - `padding-${secondary_dimensions[0].toLowerCase()}: ${t * padding_first_value}px;` + - `padding-${secondary_dimensions[1].toLowerCase()}: ${t * padding_second_value}px;` + - `margin-${secondary_dimensions[0].toLowerCase()}: ${t * margin_first_value}px;` + - `margin-${secondary_dimensions[1].toLowerCase()}: ${t * margin_second_value}px;` + - `border-${secondary_dimensions[0].toLowerCase()}-width: ${t * border_width_first_value}px;` + - `border-${secondary_dimensions[1].toLowerCase()}-width: ${t * border_width_second_value}px;` + `padding-${secondary_dimensions[0].toLowerCase()}: ${t * padding_start_value}px;` + + `padding-${secondary_dimensions[1].toLowerCase()}: ${t * padding_end_value}px;` + + `margin-${secondary_dimensions[0].toLowerCase()}: ${t * margin_start_value}px;` + + `margin-${secondary_dimensions[1].toLowerCase()}: ${t * margin_end_value}px;` + + `border-${secondary_dimensions[0].toLowerCase()}-width: ${t * border_width_start_value}px;` + + `border-${secondary_dimensions[1].toLowerCase()}-width: ${t * border_width_end_value}px;` }; }