diff --git a/site/.env.example b/site/.env.example deleted file mode 100644 index 9cfe50cd6c..0000000000 --- a/site/.env.example +++ /dev/null @@ -1,13 +0,0 @@ -NODE_ENV= - -PORT= -BASEURL= -GITHUB_CLIENT_ID= -GITHUB_CLIENT_SECRET= -MAPBOX_ACCESS_TOKEN= - -PGHOST=hostname -PGPORT=port -PGUSER=username -PGPASSWORD=password -PGDATABASE=database_name diff --git a/src/runtime/internal/style_manager.ts b/src/runtime/internal/style_manager.ts index 31d7573a76..4fe0d70240 100644 --- a/src/runtime/internal/style_manager.ts +++ b/src/runtime/internal/style_manager.ts @@ -34,6 +34,8 @@ export function create_rule(node: Element & ElementCSSInlineStyle, a: number, b: const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = doc.head.appendChild(element('style') as HTMLStyleElement).sheet as CSSStyleSheet); const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {}); + console.log(doc, rule); + if (!current_rules[name]) { current_rules[name] = true; stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length); @@ -42,7 +44,10 @@ export function create_rule(node: Element & ElementCSSInlineStyle, a: number, b: const animation = node.style.animation || ''; node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`; + console.log(node.style.animation, current_rules); active += 1; + // debugger; + return name; } diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts index ffac70abdc..268b9ba8c2 100644 --- a/src/runtime/transition/index.ts +++ b/src/runtime/transition/index.ts @@ -102,7 +102,7 @@ interface SlideParams { export function slide(node: Element, { delay = 0, - duration = 400, + duration = 40000, easing = cubicOut }: SlideParams): TransitionConfig { const style = getComputedStyle(node); @@ -115,20 +115,35 @@ export function slide(node: Element, { const border_top_width = parseFloat(style.borderTopWidth); const border_bottom_width = parseFloat(style.borderBottomWidth); + return { delay, duration, easing, - css: t => - `overflow-y: hidden;` + - `opacity: ${Math.min(t * 20, 1) * opacity};` + + css: t => { + + // console.log(`overflow-y: hidden;` + + // `opacity: ${Math.min(t * 20, 1) * opacity};` + + // `height: ${t * height}px;` + + // `padding-top: ${t * padding_top}px;` + + // `padding-bottom: ${t * padding_bottom}px;` + + // `margin-top: ${t * margin_top}px;` + + // `margin-bottom: ${t * margin_bottom}px;` + + // `border-top-width: ${t * border_top_width}px;` + + // `border-bottom-width: ${t * border_bottom_width}px;`+ + // `border: 3px solid red`); + return `overflow-y: hidden;` + + `opacity: ${Math.min(t * 20, 1) * opacity};` + `height: ${t * height}px;` + `padding-top: ${t * padding_top}px;` + `padding-bottom: ${t * padding_bottom}px;` + `margin-top: ${t * margin_top}px;` + `margin-bottom: ${t * margin_bottom}px;` + `border-top-width: ${t * border_top_width}px;` + - `border-bottom-width: ${t * border_bottom_width}px;` + `border-bottom-width: ${t * border_bottom_width}px;`+ + `border: 3px solid red`; + } + }; }