Skip to content

Commit 1288cad

Browse files
gary149gary149
committed
tailwind 2.0 fixes
1 parent 0494208 commit 1288cad

File tree

5 files changed

+193843
-675
lines changed

5 files changed

+193843
-675
lines changed

‎index.html‎

Lines changed: 16 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@
1818
/>
1919
</head>
2020

21-
<body class="container mx-auto text-gray-300 md:p-4">
21+
<body class="bg-gradient-to-br from-gray-900 to-black">
2222
<div
23-
class="p-8 overflow-hidden md:rounded-lg md:p-10 lg:p-12 bg-gradient-to-br from-gray-900 to-black"
23+
class="text-gray-300 container mx-auto p-8 overflow-hidden md:rounded-lg md:p-10 lg:p-12"
2424
>
2525
<div class="flex justify-between">
2626
<h1 class="font-serif text-3xl font-medium">Landing</h1>
@@ -35,12 +35,12 @@ <h1 class="font-serif text-3xl font-medium">Landing</h1>
3535
<div class="h-32 md:h-40"></div>
3636

3737
<p
38-
class="font-sans text-4xl font-bold text-gray-200 lg:text-7xl lg:pr-24 md:text-6xl"
38+
class="font-sans text-4xl font-bold text-gray-200 max-w-5xl lg:text-7xl lg:pr-24 md:text-6xl"
3939
>
4040
Spend less time coding and more time creating
4141
</p>
4242
<div class="h-10"></div>
43-
<p class="max-w-2xl font-serif text-xl text-gray-500 md:text-2xl">
43+
<p class="max-w-2xl font-serif text-xl text-gray-400 md:text-2xl">
4444
Imagine being able to spent less time... This is a demonstration landing
4545
page made with tailwindcss
4646
</p>
@@ -56,7 +56,7 @@ <h1 class="font-serif text-3xl font-medium">Landing</h1>
5656
</p>
5757
<h2 class="text-4xl font-bold">Made for devs and designers</h2>
5858
<div class="h-6"></div>
59-
<p class="font-serif text-xl text-gray-500 md:pr-10">
59+
<p class="font-serif text-xl text-gray-400 md:pr-10">
6060
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Magnam
6161
autem, a recusandae vero praesentium qui impedit doloremque
6262
molestias necessitatibus.
@@ -66,15 +66,15 @@ <h2 class="text-4xl font-bold">Made for devs and designers</h2>
6666
<div>
6767
<p class="font-semibold text-gray-400">Made with love</p>
6868
<div class="h-4"></div>
69-
<p class="font-serif text-gray-500">
69+
<p class="font-serif text-gray-400">
7070
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
7171
Delectus labor.
7272
</p>
7373
</div>
7474
<div>
7575
<p class="font-semibold text-gray-400">It's easy to build</p>
7676
<div class="h-4"></div>
77-
<p class="font-serif text-gray-500">
77+
<p class="font-serif text-gray-400">
7878
Ipsum dolor sit, amet consectetur adipisicing elit. Delectus
7979
amet consectetur.
8080
</p>
@@ -150,33 +150,33 @@ <h2 class="text-4xl font-bold">Made for devs and designers</h2>
150150
</p>
151151
<h2 class="text-4xl font-bold">We could work together</h2>
152152
<div class="h-6"></div>
153-
<p class="font-serif text-xl text-gray-500 md:pr-10">
153+
<p class="font-serif text-xl text-gray-400 md:pr-10">
154154
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Magnam
155155
autem, a recusandae vero praesentium qui impedit doloremque
156156
molestias.
157157
</p>
158158
<div class="h-8"></div>
159-
<div class="grid gap-4 pt-8 border-t border-gray-800 lg:grid-cols-3">
159+
<div class="grid gap-6 pt-8 border-t border-gray-800 lg:grid-cols-3">
160160
<div>
161161
<p class="font-semibold text-gray-400">Made with love</p>
162162
<div class="h-4"></div>
163-
<p class="font-serif text-gray-500">
163+
<p class="font-serif text-gray-400">
164164
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
165165
Delectus labor.
166166
</p>
167167
</div>
168168
<div>
169169
<p class="font-semibold text-gray-400">It's easy to build</p>
170170
<div class="h-4"></div>
171-
<p class="font-serif text-gray-500">
171+
<p class="font-serif text-gray-400">
172172
Ipsum dolor sit, amet consectetur adipisicing elit. Delectus
173173
amet consectetur.
174174
</p>
175175
</div>
176176
<div>
177177
<p class="font-semibold text-gray-400">It's easy to build</p>
178178
<div class="h-4"></div>
179-
<p class="font-serif text-gray-500">
179+
<p class="font-serif text-gray-400">
180180
Ipsum dolor sit, amet consectetur adipisicing elit. Delectus
181181
amet consectetur.
182182
</p>
@@ -194,9 +194,7 @@ <h2 class="text-4xl font-bold">We could work together</h2>
194194

195195
<div class="grid gap-4 md:grid-cols-4">
196196
<ul class="space-y-1 text-gray-400">
197-
<li class="pb-4 font-serif text-gray-500">
198-
Social networks
199-
</li>
197+
<li class="pb-4 font-serif text-gray-400">Social networks</li>
200198
<li>
201199
<a href="https://twitter.com/victormustar" class="hover:underline"
202200
>Twitter</a
@@ -210,9 +208,7 @@ <h2 class="text-4xl font-bold">We could work together</h2>
210208
</li>
211209
</ul>
212210
<ul class="space-y-1 text-gray-400">
213-
<li class="pb-4 font-serif text-gray-500">
214-
Locations
215-
</li>
211+
<li class="pb-4 font-serif text-gray-400">Locations</li>
216212
<li>
217213
<a href="#" class="hover:underline">Paris</a>
218214
</li>
@@ -227,9 +223,7 @@ <h2 class="text-4xl font-bold">We could work together</h2>
227223
</li>
228224
</ul>
229225
<ul class="space-y-1 text-gray-400">
230-
<li class="pb-4 font-serif text-gray-500">
231-
Company
232-
</li>
226+
<li class="pb-4 font-serif text-gray-400">Company</li>
233227
<li>
234228
<a href="#" class="hover:underline">The team</a>
235229
</li>
@@ -244,9 +238,7 @@ <h2 class="text-4xl font-bold">We could work together</h2>
244238
</li>
245239
</ul>
246240
<ul class="space-y-1 text-gray-400">
247-
<li class="pb-4 font-serif text-gray-500">
248-
Join
249-
</li>
241+
<li class="pb-4 font-serif text-gray-400">Join</li>
250242
<li>
251243
<a
252244
href="https://github.com/gary149/landing-gradients"

‎package-lock.json‎

Lines changed: 0 additions & 63 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,12 @@
44
"description": "",
55
"scripts": {
66
"dev": "live-server",
7-
"build:tailwind": "tailwindcss build styles/global.css -o static/output.css",
7+
"build:tailwind": "npx tailwindcss-cli@latest build styles/global.css -o static/output.css",
88
"build": "NODE_ENV=production npm run build:tailwind"
99
},
1010
"author": "Victor Mustar <[email protected]>",
1111
"license": "ISC",
1212
"devDependencies": {
13-
"autoprefixer": "^10.0.4",
1413
"live-server": "^1.2.1",
1514
"tailwindcss": "^2.0.1"
1615
}

0 commit comments

Comments
 (0)