mirror of
https://github.com/lutinglt/gitea-github-theme.git
synced 2026-10-28 09:44:55 +00:00
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
/*!
|
|
* Copyright (c) https://github.com/lutinglt
|
|
*
|
|
* See the NOTICE file distributed with this work for additional
|
|
* information regarding copyright ownership.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import type { StyleRule } from "@vanilla-extract/css";
|
|
import { selectors } from "src";
|
|
|
|
// 出现动画
|
|
export const animation = {
|
|
animation: selectors.overlayAppear,
|
|
animationDuration: "80ms",
|
|
animationFillMode: "forwards",
|
|
animationTimingFunction: "ease-in",
|
|
} satisfies StyleRule;
|
|
|
|
// 向下出现动画
|
|
export const animationDown = {
|
|
animation: selectors.overlayAppearDown,
|
|
animationDuration: "200ms",
|
|
animationTimingFunction: "cubic-bezier(0.33, 1, 0.68, 1)",
|
|
} satisfies StyleRule;
|
|
|
|
// 向上出现动画
|
|
export const animationUp = {
|
|
animation: selectors.overlayAppearUp,
|
|
animationDuration: "200ms",
|
|
animationTimingFunction: "cubic-bezier(0.33, 1, 0.68, 1)",
|
|
} satisfies StyleRule;
|