From 4bd3d6764bfd48c881d9722825309ddb5956c758 Mon Sep 17 00:00:00 2001 From: MCMXC <16797721+mcmxcdev@users.noreply.github.com> Date: Tue, 25 Jul 2023 09:20:43 -0600 Subject: style: reformat all files properly - remove .json from .eslintignore - add type intellisense to .prettierrc.js - install missing @jest/types which is used in jest.config.js - split up typecheck and lint into two separate commands - remove --require-pragma flag from reformat-files which leads to unformatted files - install suggested @types/prop-types and @types/react-loader dependencies - add @ts-expect-error to Loader usages - reformat all scss files automatically with reformat-files command --- src/styles/animations.scss | 50 +++++++++++++++++++++++++++------------------- 1 file changed, 30 insertions(+), 20 deletions(-) (limited to 'src/styles/animations.scss') diff --git a/src/styles/animations.scss b/src/styles/animations.scss index 35125dec5..dcc9690fb 100644 --- a/src/styles/animations.scss +++ b/src/styles/animations.scss @@ -1,43 +1,51 @@ -@import "./globals.scss"; +@import './globals.scss'; // FadeIn -.fadeIn-appear { opacity: .01; } +.fadeIn-appear { + opacity: 0.01; +} .fadeIn-appear.fadeIn-appear-active { opacity: 1; - transition: opacity .5s ease-out; + transition: opacity 0.5s ease-out; } .fadeIn-enter { - opacity: .01; - transition: opacity .5s ease-out; + opacity: 0.01; + transition: opacity 0.5s ease-out; } -.fadeIn-leave { opacity: 1; } +.fadeIn-leave { + opacity: 1; +} .fadeIn-leave.fadeIn-leave-active { - opacity: .01; + opacity: 0.01; transition: opacity 300ms ease-in; } // FadeIn Fast -.fadeIn-fast-appear { opacity: .01; } +.fadeIn-fast-appear { + opacity: 0.01; +} .fadeIn-fast-appear.fadeIn-fast-appear-active { opacity: 1; - transition: opacity .25s ease-out; + transition: opacity 0.25s ease-out; } .fadeIn-fast-enter { - opacity: .01; - transition: opacity .25s ease-out; + opacity: 0.01; + transition: opacity 0.25s ease-out; } -.fadeIn-fast-leave { opacity: 1; } +.fadeIn-fast-leave { + opacity: 1; +} .fadeIn-fast-leave.fadeIn-fast-leave-active { - opacity: .01; - transition: opacity .25s ease-in; + opacity: 0.01; + transition: opacity 0.25s ease-in; } // Slide down @@ -48,12 +56,12 @@ .slideDown-appear.slideDown-appear-active { max-height: 500px; - transition: max-height .5s ease-out; + transition: max-height 0.5s ease-out; } .slideDown-enter { max-height: 0; - transition: max-height .5s ease-out; + transition: max-height 0.5s ease-out; } // Slide up @@ -65,18 +73,20 @@ .slideUp-appear.slideUp-appear-active { opacity: 1; transform: translateY(0px); - transition: all .3s ease-out; + transition: all 0.3s ease-out; } .slideUp-enter { opacity: 0; transform: translateY(20px); - transition: all .3s ease-out; + transition: all 0.3s ease-out; } -.slideUp-leave { opacity: 1; } +.slideUp-leave { + opacity: 1; +} .slideUp-leave.slideUp-leave-active { - opacity: .01; + opacity: 0.01; transition: opacity 300ms ease-in; } -- cgit v1.2.3-70-g09d2