From 48b440784327247740ea2d1b60d43f17ce7801dc Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Sun, 28 Aug 2022 00:56:16 +0530 Subject: * Adds Responsive Header --- src/_includes/assets/css/styles.css | 76 +++++++++++++++++++++++-------------- 1 file changed, 47 insertions(+), 29 deletions(-) (limited to 'src/_includes/assets/css/styles.css') diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 520dade..1899a4d 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -576,12 +576,12 @@ video { .mt-2 { margin-top: 0.5rem; } -.mt-10 { - margin-top: 2.5rem; -} .mt-3 { margin-top: 0.75rem; } +.mt-10 { + margin-top: 2.5rem; +} .mb-10 { margin-bottom: 2.5rem; } @@ -606,12 +606,12 @@ video { .hidden { display: none; } -.h-screen { - height: 100vh; -} .h-48 { height: 12rem; } +.h-screen { + height: 100vh; +} .w-full { width: 100%; } @@ -624,9 +624,6 @@ video { .flex-col { flex-direction: column; } -.content-center { - align-content: center; -} .items-center { align-items: center; } @@ -645,15 +642,6 @@ video { .gap-10 { gap: 2.5rem; } -.justify-self-center { - justify-self: center; -} -.rounded-xl { - border-radius: 0.75rem; -} -.rounded-2xl { - border-radius: 1rem; -} .rounded-full { border-radius: 9999px; } @@ -685,14 +673,6 @@ video { -o-object-fit: cover; object-fit: cover; } -.object-none { - -o-object-fit: none; - object-fit: none; -} -.object-center { - -o-object-position: center; - object-position: center; -} .p-2 { padding: 0.5rem; } @@ -733,9 +713,6 @@ video { .text-justify { text-align: justify; } -.align-middle { - vertical-align: middle; -} .font-supply-regular { font-family: supplyRegular, sans-serif; } @@ -755,6 +732,10 @@ video { font-size: 1.875rem; line-height: 2.25rem; } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} .font-bold { font-weight: 700; } @@ -966,4 +947,41 @@ pre[class*="language-"] { .md\:flex-row { flex-direction: row; } + + .md\:flex-col { + flex-direction: column; + } + + .md\:p-2 { + padding: 0.5rem; + } + + .md\:p-0 { + padding: 0px; + } + + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } + + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } } \ No newline at end of file -- cgit v1.2.3