ygorluiz

1. Interfaces for Component Props

interface ProductProps {
  name: string;
  price: number;
  imageUrl: string;
  inStock: boolean;
}

ygorluiz

  <div class="description panel blue">
    <div><h1>toggleActions</h1>
      <p>By default, ScrollTrigger simply plays the linked animation when the <code>start</code> scroll position is hit, but it can perform any of the following actions at any of the four toggle points: play, pause, resume, reverse, complete, restart, reset, or none.</p>
      <div class="scroll-down">Scroll down<div class="arrow"></div></div>
    </div>
  </div>


  <section class="panel red">

ygorluiz

NOTE: These steps are only required if you want to use a version of TypeScript that is not the same as the version that is bundled with Visual Studio Code.

• Install the latest version of TypeScript

  npm install -g typescript@version
  

• Configure VS Code to use installed version of TypeScript by opening Preferences, User Settings.

ygorluiz

{
  // open json editor for settings
  "workbench.settings.editor": "json",

  // Theme
  "workbench.colorTheme": "Aura Dark",
  "workbench.iconTheme": "moxer-icons",

  // Change font
  "editor.fontFamily": "Geist Mono",

ygorluiz

{
  "workbench.startupEditor": "newUntitledFile",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.8,
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.rulers": [80, 120],
  "extensions.ignoreRecommendations": true,
  "typescript.tsserver.log": "off",
  "files.associations": {

ygorluiz

:root {
    --none: linear(0, 1);
    --power1-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 );
    --power1-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 );
    --power1-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 );
    --power2-in: linear( 0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1 );
    --power2-out: linear( 0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1 );
    --power2-in-out: linear( 0, 0.0036 9.62%, 0.0185 16.66

ygorluiz

Nome do Projeto

Uma breve descrição do projeto aqui.

🔥 Introdução

Coloque aqui as instruções e quais são os objetivos desse projeto, funcionalidades.

ygorluiz

// gspa plugin like SplitText3.min.js CustomEase3.min.js
// !!!! ALWAYS SUPPORT THE DEVELOPERS, GSAP IS THE BEST TOOL OUT THERE. !!!!
// THIS IS FOR EDUCATION PURPOSE ONLY!

// Gsap script check for your  window.location.href to identify if you're on a allowed site list.
// these list are in a array for charcter code 
// [103, 114, 101, 101, 110, 115, 111, 99, 107, 46, 99, 111, 109] === 'greensock.com'
// you can add your domain aswell in this array. 

// Plugins are minified use https://beautifier.io/ or any other site to get a readble code.

ygorluiz

/*
*   Stripe WebGl Gradient Animation
*   All Credits to Stripe.com
*   ScrollObserver functionality to disable animation when not scrolled into view has been disabled and 
*   commented out for now.
*   https://kevinhufnagl.com
*/

ygorluiz

Why

Although @setup/node as a built-in cache option, it lacks an opportunity regarding cache persistence. Depending on usage, the action below might give you faster installs and potentially reduce carbon emissions (♻️🌳❤️).

Requirements

pnpm v7 or v8 (not using pnpm ? see the corresponding yarn action gist)

Bench