Ignore:
Timestamp:
02/06/26 22:39:32 (5 months ago)
Author:
Andrej <asumanovski@…>
Branches:
master
Children:
59ed25c
Parents:
72053b5
Message:

Set up tailwind

File:
1 edited

Legend:

Unmodified
Added
Removed
  • frontend/src/App.css

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