mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-06 18:20:48 +01:00
ba5f1f8b10
- Updated the layout of the assets index page to extend the 'layouts.app' template. - Added a title and description for better SEO optimization. - Reorganized the HTML structure for improved readability. - Updated the section titles for clarity. - Adjusted the styling of the main heading and subheading. - Added an image and descriptive text to enhance user engagement. - Improved the alignment and spacing of elements on the page. - Updated the links to asset categories with improved hover effects. This commit improves the overall user experience on the assets index page by enhancing its layout, content, and visual appeal.
49 lines
1.2 KiB
CSS
49 lines
1.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.glow-shadow::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
border-radius: 1rem;
|
|
background: var(--splash-color);
|
|
opacity: 0;
|
|
filter: blur(8px);
|
|
animation: glow 4s infinite;
|
|
--tw-scale-x: 1.02;
|
|
--tw-scale-y: 1.02;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
|
|
.shadow-md-splash {
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--splash-color), 0 2px 4px -2px var(--splash-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
|
|
@keyframes glow {
|
|
0% {
|
|
opacity: 0.8;
|
|
filter: blur(8px);
|
|
}
|
|
50% {
|
|
opacity: 0.45;
|
|
filter: blur(11px);
|
|
}
|
|
100% {
|
|
opacity: 0.8;
|
|
filter: blur(8px);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.glow-shadow::before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.shadow-footer {
|
|
box-shadow: 0 50vh 0 50vh #292524;
|
|
}
|