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
68
69
|
/* theme */
/* see end for @screen sm */
/* logo */
.ax-logo {
& img,
& svg {
@apply h-7 w-auto;
}
}
/* layout outer */
.ax-l-o {
@apply flex justify-center;
}
/* layout inner, gutter = mx-4 */
.ax-l-i {
@apply flex-grow min-w-0 mx-4 mt-8;
}
.header {
@apply relative shadow-b bg-white py-4 flex justify-center;
& > .ax-l-i {
@apply flex items-center mt-0;
}
& .ax-logo {
@apply flex-1;
}
& .ax-user {
@apply flex items-center ml-auto;
}
}
.footer {
@apply flex justify-center border-t border-gray-200 bg-white mt-8 py-6;
& > .ax-l-i {
@apply mt-0;
}
}
/* titles */
/* <h1>:main-headline, title */
/* ff: title, fs: 40px (2.5rem), fw: 400, lh: 48px (1.2), ls: normal */
h1.page-title, h1.post-title {}
h1.section-title {}
p.post-subtitle {}
/* <hr> */
.hr-fade {
@apply h-px;
background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.24), rgba(0,0,0,0));
border: 0;
}
@screen sm {
.ax-logo {
& img,
& svg {
@apply h-8;
}
}
/* layout inner gutter */
.ax-l-i {
@apply mx-8;
}
}
|