From f5ac2f5744cc6c0c6aefb3de97cb0beaf47db65f Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Fri, 30 Sep 2022 19:35:12 +0530 Subject: Adds personal git repo links --- src/_includes/assets/css/styles.css | 88 +++++++++++++++++++++---------------- 1 file changed, 50 insertions(+), 38 deletions(-) (limited to 'src/_includes/assets') diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 3598a25..e944216 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -851,6 +851,10 @@ select { margin-bottom: 1.25rem; } +.mt-5 { + margin-top: 1.25rem; +} + .mt-auto { margin-top: auto; } @@ -859,10 +863,6 @@ select { margin-left: auto; } -.mt-5 { - margin-top: 1.25rem; -} - .mt-1 { margin-top: 0.25rem; } @@ -1031,14 +1031,18 @@ select { gap: 0.75rem; } -.gap-10 { - gap: 2.5rem; +.gap-2 { + gap: 0.5rem; } .gap-5 { gap: 1.25rem; } +.gap-10 { + gap: 2.5rem; +} + .gap-6 { gap: 1.5rem; } @@ -1069,6 +1073,10 @@ select { overflow: hidden; } +.rounded-lg { + border-radius: 0.5rem; +} + .rounded-full { border-radius: 9999px; } @@ -1116,49 +1124,49 @@ select { border-color: transparent; } -.bg-black { +.bg-white { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-yellow-500 { +.bg-gray-50 { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-purple-500 { +.bg-indigo-600 { --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.bg-sky-700 { +.bg-yellow-500 { --tw-bg-opacity: 1; - background-color: rgb(3 105 161 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.bg-white { +.bg-purple-500 { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } -.bg-gray-50 { +.bg-violet-700 { --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + background-color: rgb(109 40 217 / var(--tw-bg-opacity)); } -.bg-indigo-600 { +.bg-sky-700 { --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); + background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } -.bg-violet-700 { +.bg-purple-700 { --tw-bg-opacity: 1; - background-color: rgb(109 40 217 / var(--tw-bg-opacity)); + background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.bg-purple-700 { +.bg-black { --tw-bg-opacity: 1; - background-color: rgb(126 34 206 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-gray-100 { @@ -1272,6 +1280,10 @@ select { font-family: supplyRegular, sans-serif; } +.font-supply-light { + font-family: supplyLight, sans-serif; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -1327,16 +1339,6 @@ select { line-height: 1rem; } -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -1352,11 +1354,21 @@ select { color: rgb(107 114 128 / var(--tw-text-opacity)); } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(234 179 8 / var(--tw-text-opacity)); +} + .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); @@ -1575,14 +1587,14 @@ pre[class*="language-"] { background-color: rgb(67 56 202 / var(--tw-bg-opacity)); } -.hover\:text-white:hover { +.hover\:text-black:hover { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity)); } -.hover\:text-black:hover { +.hover\:text-white:hover { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity)); } .focus\:border-indigo-500:focus { -- cgit v1.2.3