diff options
| author | Indrajith K L | 2022-09-22 11:43:39 +0530 |
|---|---|---|
| committer | Indrajith K L | 2022-09-22 11:43:39 +0530 |
| commit | 34c5179834d2074bc42026ed8ae2edf9ef6545e1 (patch) | |
| tree | dab43aca4d627c9c8323a5142da1f66e08bfe7a5 /src | |
| parent | e2f69a2c0f0bfbdd7f3e61b86b3c337e882c7d19 (diff) | |
| download | indrajith-dev-34c5179834d2074bc42026ed8ae2edf9ef6545e1.tar.gz indrajith-dev-34c5179834d2074bc42026ed8ae2edf9ef6545e1.tar.bz2 indrajith-dev-34c5179834d2074bc42026ed8ae2edf9ef6545e1.zip | |
Header Resposive style changes
Diffstat (limited to 'src')
| -rw-r--r-- | src/_includes/assets/css/styles.css | 18 | ||||
| -rw-r--r-- | src/_includes/partials/header.njk | 2 |
2 files changed, 14 insertions, 6 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 8ab0866..dc34a9e 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -1043,6 +1043,10 @@ select { gap: 1rem; } +.gap-3 { + gap: 0.75rem; +} + .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1338,11 +1342,6 @@ select { color: rgb(0 0 0 / var(--tw-text-opacity)); } -.text-red-700 { - --tw-text-opacity: 1; - color: rgb(185 28 28 / var(--tw-text-opacity)); -} - .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); @@ -1358,6 +1357,11 @@ select { color: rgb(220 38 38 / var(--tw-text-opacity)); } +.text-red-700 { + --tw-text-opacity: 1; + color: rgb(185 28 28 / var(--tw-text-opacity)); +} + .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -1671,6 +1675,10 @@ pre[class*="language-"] { flex-direction: column; } + .md\:gap-10 { + gap: 2.5rem; + } + .md\:p-10 { padding: 2.5rem; } diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk index 959260b..db79cf3 100644 --- a/src/_includes/partials/header.njk +++ b/src/_includes/partials/header.njk @@ -1,6 +1,6 @@ <header class="w-full bg-black text-yellow-500 flex flex-row md:flex-col justify-between items-center px-6 py-4"> <nav class="w-full"> - <ul class="flex flex-col md:flex-row gap-10 font-supply-regular w-full items-center text-lg md:text-xl"> + <ul class="flex flex-col md:flex-row gap-3 md:gap-10 font-supply-regular w-full items-center text-lg md:text-xl"> <li> <a href="/" class="text-lg md:text-3xl">{ indrajith.dev } </a> </li> |