|
Last change
on this file since 72053b5 was 72053b5, checked in by Andrej <asumanovski@…>, 5 months ago |
|
first commit
|
-
Property mode
set to
100644
|
|
File size:
606 bytes
|
| Line | |
|---|
| 1 | #root {
|
|---|
| 2 | max-width: 1280px;
|
|---|
| 3 | margin: 0 auto;
|
|---|
| 4 | padding: 2rem;
|
|---|
| 5 | text-align: center;
|
|---|
| 6 | }
|
|---|
| 7 |
|
|---|
| 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
TracBrowser
for help on using the repository browser.
