|
Last change
on this file since 44a42b8 was 44a42b8, checked in by Andrej <asumanovski@…>, 5 months ago |
|
Set up tailwind
|
-
Property mode
set to
100644
|
|
File size:
1.2 KB
|
| Rev | Line | |
|---|
| [44a42b8] | 1 | @import "tailwindcss";
|
|---|
| 2 |
|
|---|
| [72053b5] | 3 | :root {
|
|---|
| 4 | font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|---|
| 5 | line-height: 1.5;
|
|---|
| 6 | font-weight: 400;
|
|---|
| 7 |
|
|---|
| 8 | color-scheme: light dark;
|
|---|
| 9 | color: rgba(255, 255, 255, 0.87);
|
|---|
| 10 | background-color: #242424;
|
|---|
| 11 |
|
|---|
| 12 | font-synthesis: none;
|
|---|
| 13 | text-rendering: optimizeLegibility;
|
|---|
| 14 | -webkit-font-smoothing: antialiased;
|
|---|
| 15 | -moz-osx-font-smoothing: grayscale;
|
|---|
| 16 | }
|
|---|
| 17 |
|
|---|
| 18 | a {
|
|---|
| 19 | font-weight: 500;
|
|---|
| 20 | color: #646cff;
|
|---|
| 21 | text-decoration: inherit;
|
|---|
| 22 | }
|
|---|
| 23 | a:hover {
|
|---|
| 24 | color: #535bf2;
|
|---|
| 25 | }
|
|---|
| 26 |
|
|---|
| 27 | body {
|
|---|
| 28 | margin: 0;
|
|---|
| 29 | display: flex;
|
|---|
| 30 | place-items: center;
|
|---|
| 31 | min-width: 320px;
|
|---|
| 32 | min-height: 100vh;
|
|---|
| 33 | }
|
|---|
| 34 |
|
|---|
| 35 | h1 {
|
|---|
| 36 | font-size: 3.2em;
|
|---|
| 37 | line-height: 1.1;
|
|---|
| 38 | }
|
|---|
| 39 |
|
|---|
| 40 | button {
|
|---|
| 41 | border-radius: 8px;
|
|---|
| 42 | border: 1px solid transparent;
|
|---|
| 43 | padding: 0.6em 1.2em;
|
|---|
| 44 | font-size: 1em;
|
|---|
| 45 | font-weight: 500;
|
|---|
| 46 | font-family: inherit;
|
|---|
| 47 | background-color: #1a1a1a;
|
|---|
| 48 | cursor: pointer;
|
|---|
| 49 | transition: border-color 0.25s;
|
|---|
| 50 | }
|
|---|
| 51 | button:hover {
|
|---|
| 52 | border-color: #646cff;
|
|---|
| 53 | }
|
|---|
| 54 | button:focus,
|
|---|
| 55 | button:focus-visible {
|
|---|
| 56 | outline: 4px auto -webkit-focus-ring-color;
|
|---|
| 57 | }
|
|---|
| 58 |
|
|---|
| 59 | @media (prefers-color-scheme: light) {
|
|---|
| 60 | :root {
|
|---|
| 61 | color: #213547;
|
|---|
| 62 | background-color: #ffffff;
|
|---|
| 63 | }
|
|---|
| 64 | a:hover {
|
|---|
| 65 | color: #747bff;
|
|---|
| 66 | }
|
|---|
| 67 | button {
|
|---|
| 68 | background-color: #f9f9f9;
|
|---|
| 69 | }
|
|---|
| 70 | }
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
