msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

Adjust variable names to fit the pattern of CSS Logical Patterns

Browse Source
pull/6183/head
Theo-Steiner 5 years ago committed by Theodor Steiner
parent 10e36979ab
commit 53f6b51118
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File

24
src/runtime/transition/index.ts
Unescape View File

@ -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;`
};
}

Write Preview
Loading…
Cancel
Save