remco/Epicnabbo-Catalogus-Updated-Daily
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🆙 Tailwind v4 100% 🆙

Browse Source
This commit is contained in:
Remco
2026-01-29 14:38:31 +01:00
parent d987de29b3
commit df765557f3
12 changed files with 164 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Updated_Cms/resources/css/global.scss
+30 -2
View File
@@ -6,11 +6,37 @@
@layer components {
.nav-item {
@apply flex h-auto md:h-[60px] items-center text-[14px] font-semibold uppercase text-gray-700 transition duration-200 ease-in-out md:border-b-4 md:border-transparent md:hover:border-b-[#eeb425];
display: flex;
height: auto;
align-items: center;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #374151;
transition: all 200ms ease-in-out;
border-bottom: 4px solid transparent;
@media (min-width: 768px) {
height: 60px;
border-bottom: 4px solid #eeb425;
}
&:hover {
@media (min-width: 768px) {
border-bottom: 4px solid #eeb425;
}
}
}
.dropdown-item {
@apply block py-2 px-4 font-semibold hover:bg-gray-100 text-gray-900;
display: block;
padding: 0.5rem 1rem;
font-weight: 600;
color: #111827;
&:hover {
background-color: #f3f4f6;
}
}
}
@@ -49,10 +75,12 @@ html {
.drop-shadow {
-webkit-filter: drop-shadow(2px 1px 0 #fff) drop-shadow(-2px 1px 0 #fff) drop-shadow(0 -2px 0 #fff);
filter: drop-shadow(2px 1px 0 #fff) drop-shadow(-2px 1px 0 #fff) drop-shadow(0 -2px 0 #fff);
}
.drop-shadow-thin {
-webkit-filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
}
.article-image {