diff options
author | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
---|---|---|
committer | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
commit | 59fc7a0a5b28068002f62749502f7eaa1871c055 (patch) | |
tree | 30bdb3dcf3720681e989fb06e367ec65965aceda /templates/style.css | |
parent | 13c7979cfa42b9bccdbad0eba8a4315f6885af9c (diff) |
Накидал html
Diffstat (limited to 'templates/style.css')
-rw-r--r-- | templates/style.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/templates/style.css b/templates/style.css new file mode 100644 index 0000000..6e43c21 --- /dev/null +++ b/templates/style.css @@ -0,0 +1,57 @@ +@tailwind base; +@tailwind components; + +:root { + --color-primary-500: #d946ef; + --color-secondary-500: #14b8a6; + --color-complementary-yellow-400: #facc15; + --color-complementary-rose-500: #f43f5e; + --color-complementary-blue-500: #3b82f6; +} +.primary { + background-color: var(--color-primary-500); +} +.secondary { + background-color: var(--color-secondary-500); +} +.complementary-yellow { + background-color: var(--color-complementary-yellow-400); +} +.complementary-rose { + background-color: var(--color-complementary-rose-500); +} +.complementary-blue { + background-color: var(--color-complementary-blue-500); +} +.color-box { + width: 100px; + height: 100px; + margin: 10px; + display: inline-block; +} +div { + @apply rounded-md; +} +.text-interactive { + @apply text-secondary-500 hover:text-fuchsia-600; +} +.header { + @apply w-2/3 bg-primary-300 flex p-2; +} +.about { + @apply border-4 border-fuchsia-200 border-dashed p-2 justify-items-center; +} +.about p { + @apply text-2xl; +} +.about li a { + @apply underline decoration-secondary-500 hover:decoration-primary-400; +} +.source-code-pro-500 { + font-family: "Source Code Pro", monospace; + font-optical-sizing: auto; + font-weight: 500; + font-style: normal; +} + +@tailwind utilities; |