react-vite-demo

react and vite demo

git clone https://9o.is/git/react-vite-demo.git

App.css

(584B)

      1 #root {
      2   max-width: 1280px;
      3   margin: 0 auto;
      4   padding: 2rem;
      5 }
      6 
      7 .logo {
      8   height: 6em;
      9   padding: 1.5em;
     10   will-change: filter;
     11   transition: filter 300ms;
     12 }
     13 .logo:hover {
     14   filter: drop-shadow(0 0 2em #646cffaa);
     15 }
     16 .logo.react:hover {
     17   filter: drop-shadow(0 0 2em #61dafbaa);
     18 }
     19 
     20 @keyframes logo-spin {
     21   from {
     22     transform: rotate(0deg);
     23   }
     24   to {
     25     transform: rotate(360deg);
     26   }
     27 }
     28 
     29 @media (prefers-reduced-motion: no-preference) {
     30   a:nth-of-type(2) .logo {
     31     animation: logo-spin infinite 20s linear;
     32   }
     33 }
     34 
     35 .card {
     36   padding: 2em;
     37 }
     38 
     39 .read-the-docs {
     40   color: #888;
     41 }