This repository was archived by the owner on Jan 18, 2025. It is now read-only.
generated from fastn-stack/fastn-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlib.ftd
More file actions
151 lines (104 loc) · 2.36 KB
/
lib.ftd
File metadata and controls
151 lines (104 loc) · 2.36 KB
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
-- component coming-soon:
caption title:
body body:
string cta-text:
string cta-link:
-- ds.column:
width.fixed.px if { ftd.device != "mobile" }: 574
spacing: $ds.spaces.vertical-gap.large
inset if { ftd.device == "mobile" }: $ds.spaces.inset-wide.medium-zero
-- ds.heading-hero: $coming-soon.title
-- ds.copy-regular: $coming-soon.body
align: center
-- ds.row:
if: { ftd.device != "mobile" }
spacing: $ds.spaces.horizontal-gap.small
-- ftd.text-input:
placeholder: Enter your email
width.fixed.px: 434
height.fixed.px: 52
border-width.px: 1
border-radius.px: 2
border-color: $inherited.colors.border
background.solid: $inherited.colors.background.base
shadow: $shadow
padding-vertical.px: 16
padding-horizontal.px: 15
-- ds.secondary-button: $coming-soon.cta-text
link: $coming-soon.cta-link
size: large
radius: none
-- end: ds.row
-- ds.column:
if: { ftd.device == "mobile" }
spacing: $ds.spaces.horizontal-gap.small
inset: $ds.spaces.inset-wide.medium-zero
-- ftd.text-input:
placeholder: Enter your email
width: fill-container
height.fixed.px: 52
border-width.px: 1
border-radius.px: 2
border-color: $inherited.colors.border
background.solid: $inherited.colors.background.base
shadow: $shadow
padding-vertical.px: 16
padding-horizontal.px: 15
-- ds.secondary-button: $coming-soon.cta-text
link: $coming-soon.cta-link
size: large
width: full
radius: none
-- end: ds.column
-- end: ds.column
-- end: coming-soon
-- component social-icon:
social list social-list:
-- ds.floater:
bottom: 38
-- ds.row:
spacing: $ds.spaces.horizontal-gap.large
-- icon-data:
for: $obj in $social-icon.social-list
link: $obj.link
icon: $obj.icon
-- end: ds.row
-- end: ds.floater
-- end: social-icon
-- component icon-data:
ftd.image-src icon:
string link:
-- ftd.image:
src: $icon-data.icon
width.fixed.px: 24
link: $icon-data.link
-- end: icon-data
-- record social:
ftd.image-src icon:
string link:
-- social list icon-lists:
-- social:
icon: $assets.files.assets.icon-1.svg
link: /
-- social:
icon: $assets.files.assets.icon-2.svg
link: /
-- social:
icon: $assets.files.assets.icon-3.svg
link: /
-- social:
icon: $assets.files.assets.icon-4.svg
link: /
-- social:
icon: $assets.files.assets.icon-5.svg
link: /
-- social:
icon: $assets.files.assets.icon-6.svg
link: /
-- end: icon-lists
-- ftd.shadow shadow:
color: #0027601F
blur.px: 70
spread.px: 0
x-offset.px: 0
y-offset.px: 20