Skip to content

Commit

Permalink
Headers - corrections #2
Browse files Browse the repository at this point in the history
  • Loading branch information
@iprzybysz
iprzybysz committed Jan 25, 2024
1 parent f74dfd3 commit c45a911
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 24 deletions.
4 changes: 2 additions & 2 deletions demo/sites/navigation/headers.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentY"
data-te-collapse-item>
<ul
Expand Down Expand Up @@ -202,7 +202,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentX"
data-te-collapse-item>
<ul
Expand Down
44 changes: 22 additions & 22 deletions site/content/docs/standard/navigation/headers/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,13 +65,13 @@

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentY"
data-te-collapse-item>
<ul class="mr-auto flex flex-col lg:flex-row" data-te-navbar-nav-ref>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -81,7 +81,7 @@
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -91,7 +91,7 @@
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -101,7 +101,7 @@
</li>
<li class="mb-2 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand Down Expand Up @@ -172,15 +172,15 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentY"
data-te-collapse-item>
<ul
class="mr-auto flex flex-col lg:flex-row"
data-te-navbar-nav-ref>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -190,7 +190,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -200,7 +200,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -210,7 +210,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-2 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand Down Expand Up @@ -576,13 +576,13 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentX"
data-te-collapse-item>
<ul class="mr-auto flex flex-col lg:flex-row" data-te-navbar-nav-ref>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -592,7 +592,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -602,7 +602,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -612,7 +612,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-2 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -627,7 +627,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Hero section with background image, heading, subheading and button -->
<div
class="relative h-[350px] overflow-hidden bg-[url('https://mdbcdn.b-cdn.net/img/new/slides/041.webp')] bg-cover bg-[50%] bg-no-repeat">
class="relative h-[350px] overflow-hidden bg-[url('https://tecdn.b-cdn.net/img/new/slides/041.webp')] bg-cover bg-[50%] bg-no-repeat">
<div
class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-black/60 bg-fixed">
<div class="flex h-full items-center justify-center">
Expand Down Expand Up @@ -689,15 +689,15 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Navigation links -->
<div
class="!visible hidden grow basis-[100%] items-center lg:!flex lg:basis-auto"
class="!visible hidden grow basis-[100%] items-center text-center lg:!flex lg:basis-auto lg:text-left"
id="navbarSupportedContentX"
data-te-collapse-item>
<ul
class="mr-auto flex flex-col lg:flex-row"
data-te-navbar-nav-ref>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -707,7 +707,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -717,7 +717,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-4 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -727,7 +727,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>
</li>
<li class="mb-2 lg:mb-0 lg:pr-2" data-te-nav-item-ref>
<a
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
class="block text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#!"
data-te-nav-link-ref
data-te-ripple-init
Expand All @@ -742,7 +742,7 @@ <h3 class="mb-8 text-3xl font-bold">Subeading</h3>

<!-- Hero section with background image, heading, subheading and button -->
<div
class="relative h-[350px] overflow-hidden bg-[url('https://mdbcdn.b-cdn.net/img/new/slides/041.webp')] bg-cover bg-[50%] bg-no-repeat">
class="relative h-[350px] overflow-hidden bg-[url('https://tecdn.b-cdn.net/img/new/slides/041.webp')] bg-cover bg-[50%] bg-no-repeat">
<div
class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-black/60 bg-fixed">
<div class="flex h-full items-center justify-center">
Expand Down

0 comments on commit c45a911

Please sign in to comment.