-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathspacing.css
More file actions
64 lines (51 loc) · 1023 Bytes
/
spacing.css
File metadata and controls
64 lines (51 loc) · 1023 Bytes
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
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
/*
Page side
*/
/* Padding */
.px-page {
@apply px-10 md:px-24 lg:px-36 xl:px-40 2xl:px-64;
}
.pl-page {
@apply pl-10 md:pl-24 lg:pl-36 xl:pl-40 2xl:pl-64;
}
.pr-page {
@apply pr-10 md:pr-24 lg:pr-36 xl:pr-40 2xl:pr-64;
}
/* Margin */
.mx-page {
@apply mx-10 md:mx-24 lg:mx-36 xl:mx-40 2xl:mx-64;
}
.ml-page {
@apply ml-10 md:ml-24 lg:ml-36 xl:ml-40 2xl:ml-64;
}
.mr-page {
@apply mr-10 md:mr-24 lg:mr-36 xl:mr-40 2xl:mr-64;
}
/*
Page top
*/
/* Padding */
.py-page {
@apply py-24 md:py-40 lg:py-32 xl:py-36 2xl:py-[17vh];
}
.pt-page {
@apply pt-24 md:pt-40 lg:pt-32 xl:pt-36 2xl:pt-[17vh];
}
.pb-page {
@apply pb-24 md:pb-40 lg:pb-32 xl:pb-36 2xl:pb-[17vh];
}
/* Margin */
.my-page {
@apply my-24 md:my-40 lg:my-32 xl:my-36 2xl:my-[17vh];
}
.mt-page {
@apply mt-24 md:mt-40 lg:mt-32 xl:mt-36 2xl:mt-[17vh];
}
.mb-page {
@apply mb-24 md:mb-40 lg:mb-32 xl:mb-36 2xl:mb-[17vh];
}
}