Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

header styles updated

Browse Source
This commit is contained in:
merajjahir
2022-02-16 20:00:14 +06:00
parent 3d1bb92b3a
commit 594b2b3cb6
2 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
dist/tailshape.css vendored
View File

@@ -2351,6 +2351,10 @@ Ensure the default browser behavior of the `hidden` attribute.
padding-left: 1.5rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.text-left {
text-align: left;
}
@@ -2840,6 +2844,18 @@ Ensure the default browser behavior of the `hidden` attribute.
outline-offset: 2px;
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@@ -3086,6 +3102,11 @@ Ensure the default browser behavior of the `hidden` attribute.
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.hover\:bg-purple-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.hover\:text-purple-800:hover {
--tw-text-opacity: 1;
color: rgb(107 33 168 / var(--tw-text-opacity));

14
public/componets/navs_headers/header.html
View File

@@ -296,14 +296,14 @@
<span class="sr-only">Kutty</span>
</a>
<div class="flex items-center space-x-1">
<div class="hidden space-x-1 md:inline-flex">
<a href="#f" class="btn rounded-lg font-semibold hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition">Features</a>
<a href="#" class="btn btn-sm btn-link">Pricing</a>
<a href="#" class="btn btn-sm btn-link">Blog</a>
<a href="#" class="btn btn-sm btn-link">Company</a>
<a href="#" class="btn btn-sm btn-link">Sign in</a>
<div class="hidden space-x-1 md:inline-flex mr-5">
<a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Features</a>
<a href="#fd" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Pricing</a>
<a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Blog</a>
<a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Company</a>
<a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Sign in</a>
</div>
<a href="#" class="btn btn-sm btn-primary">Get Started</a>
<a href="#d" class="p-1 rounded ring-2 bg-blue-600 text-white text-sm hover:bg-blue-700">Get Started</a>
<div class="inline-flex md:hidden" x-data="{ open: false }">
<button class="flex-none px-2 btn btn-link btn-sm" @click="open = true">
<svg