bartvdbraak/omnidash
1
0
Fork 0
mirror of https://github.com/bartvdbraak/omnidash.git synced 2025-04-27 15:31:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: Add CSS for Tailwind imports

Browse source
This commit is contained in:
Bart van der Braak 2023-06-08 00:36:09 +02:00
parent 1d4a5503a2
commit 7a0d957100
2 changed files with 97 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

83
app/(landing)/css/additional-styles/theme.css Normal file
View file

@ -0,0 +1,83 @@
/* Custom AOS distance */
@media screen {
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 14px, 0);
transform: translate3d(0, 14px, 0);
}
html:not(.no-js) [data-aos=fade-down] {
-webkit-transform: translate3d(0, -14px, 0);
transform: translate3d(0, -14px, 0);
}
html:not(.no-js) [data-aos=fade-right] {
-webkit-transform: translate3d(-14px, 0, 0);
transform: translate3d(-14px, 0, 0);
}
html:not(.no-js) [data-aos=fade-left] {
-webkit-transform: translate3d(14px, 0, 0);
transform: translate3d(14px, 0, 0);
}
html:not(.no-js) [data-aos=fade-up-right] {
-webkit-transform: translate3d(-14px, 14px, 0);
transform: translate3d(-14px, 14px, 0);
}
html:not(.no-js) [data-aos=fade-up-left] {
-webkit-transform: translate3d(14px, 14px, 0);
transform: translate3d(14px, 14px, 0);
}
html:not(.no-js) [data-aos=fade-down-right] {
-webkit-transform: translate3d(-14px, -14px, 0);
transform: translate3d(-14px, -14px, 0);
}
html:not(.no-js) [data-aos=fade-down-left] {
-webkit-transform: translate3d(14px, -14px, 0);
transform: translate3d(14px, -14px, 0);
}
html:not(.no-js) [data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 14px, 0) scale(.6);
transform: translate3d(0, 14px, 0) scale(.6);
}
html:not(.no-js) [data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -14px, 0) scale(.6);
transform: translate3d(0, -14px, 0) scale(.6);
}
html:not(.no-js) [data-aos=zoom-in-right] {
-webkit-transform: translate3d(-14px, 0, 0) scale(.6);
transform: translate3d(-14px, 0, 0) scale(.6);
}
html:not(.no-js) [data-aos=zoom-in-left] {
-webkit-transform: translate3d(14px, 0, 0) scale(.6);
transform: translate3d(14px, 0, 0) scale(.6);
}
html:not(.no-js) [data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 14px, 0) scale(1.2);
transform: translate3d(0, 14px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -14px, 0) scale(1.2);
transform: translate3d(0, -14px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-right] {
-webkit-transform: translate3d(-14px, 0, 0) scale(1.2);
transform: translate3d(-14px, 0, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-left] {
-webkit-transform: translate3d(14px, 0, 0) scale(1.2);
transform: translate3d(14px, 0, 0) scale(1.2);
}
}

14
app/(landing)/css/style.css Normal file
View file

@ -0,0 +1,14 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'additional-styles/theme.css';
@import 'tailwindcss/utilities';
/* Additional Tailwind directives: https://tailwindcss.com/docs/functions-and-directives/#responsive */
@layer utilities {
.rtl {
direction: rtl;
}
}