blob: 4d05928ea53e381cad298eb7318c3bb0c94ab948 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
footer{
@apply text-center shadow-md bg-white dark:bg-dark-800 dark:text-gray-500;
.footer-content{
@apply mx-auto max-w-7xl p-4;
nav,
.color-selector-container{
@apply col-span-4 sm:col-span-3 md:col-span-2 lg:col-span-2 ml-8 sm:ml-0;
}
.footer-link.router-link-active {
@apply text-primary-500 dark:text-primary-600;
}
.footer-main-container {
@apply grid mb-3 sm:pl-0;
@apply grid-cols-4 sm:grid-cols-6 md:grid-cols-6 lg:grid-cols-11 gap-10 lg:gap-20;
}
p.nav-title {
@apply mb-3 text-xs font-semibold tracking-wider uppercase text-left;
}
a.footer-link {
@apply flex mb-3 text-sm font-medium md:mb-2 text-center transform hover:scale-105 ease-in-out duration-75;
@apply hover:text-primary-500 dark:hover:text-primary-600;
}
button.bg-sel-btn {
@apply text-sm ease-in-out duration-100 transform hover:scale-105;
@apply hover:text-primary-500 dark:hover:text-primary-600;
}
.footer-lower {
@apply flex flex-col flex-wrap items-start justify-between pt-10 mt-10 border-t md:flex-row md:items-center dark:border-dark-500;
}
}
.env-bg-gradient &{
@apply text-current text-gray-700 bg-transparent;
.footer-content {
border-top: 1px solid;
@apply border-gray-200;
.nav-title {
@apply text-gray-700;
}
nav .footer-link,
button.bg-sel-btn{
@apply hover:text-white;
&.router-link-active {
@apply text-white;
}
}
button.bg-sel-btn{
@apply hover:text-white;
}
}
.footer-lower {
@apply border-t-0;
}
}
}
|