Skip to content

Commit 27f3135

Browse files
adamwathanadamwathan
committed
Color docs styling
1 parent 44d3154 commit 27f3135

File tree

1 file changed

+35
-35
lines changed

1 file changed

+35
-35
lines changed

‎docs/source/docs/colors.blade.md

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -13,48 +13,48 @@ To get you started, we've provided a generous palette of great looking colors th
1313
<div class="flex flex-wrap -mx-4">
1414
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
1515
<div class="rounded overflow-hidden">
16-
<div class="text-white bg-grey px-6 py-4 text-sm font-semibold relative shadow z-10">
17-
<div class="tracking-wide uppercase mb-6">Proposed Greys</div>
16+
<div class="text-black bg-grey px-6 py-4 text-sm font-semibold relative shadow z-10">
17+
<div class="uppercase mb-6">Grey</div>
1818
<div class="flex justify-between">
19-
<span class="opacity-0">Base</span>
20-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey']) }}</span>
19+
<span>Base</span>
20+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey']) }}</span>
2121
</div>
2222
</div>
2323
<div class="text-black bg-white px-6 py-3 text-sm font-semibold flex justify-between">
24-
<span class="-opacity-0">White</span>
25-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['white']) }}</span>
24+
<span>White</span>
25+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['white']) }}</span>
2626
</div>
27-
<div class="text-grey-darkest bg-grey-lightest px-6 py-3 text-sm font-semibold flex justify-between">
28-
<span class="-opacity-0">Lightest</span>
29-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-lightest']) }}</span>
27+
<div class="text-black bg-grey-lightest px-6 py-3 text-sm font-semibold flex justify-between">
28+
<span>Lightest</span>
29+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-lightest']) }}</span>
3030
</div>
31-
<div class="text-grey-darkest bg-grey-lighter px-6 py-3 text-sm font-semibold flex justify-between">
32-
<span class="-opacity-0">Lighter</span>
33-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-lighter']) }}</span>
31+
<div class="text-black bg-grey-lighter px-6 py-3 text-sm font-semibold flex justify-between">
32+
<span>Lighter</span>
33+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-lighter']) }}</span>
3434
</div>
35-
<div class="text-grey-darkest bg-grey-light px-6 py-3 text-sm font-semibold flex justify-between">
36-
<span class="-opacity-0">Light</span>
37-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-light']) }}</span>
35+
<div class="text-black bg-grey-light px-6 py-3 text-sm font-semibold flex justify-between">
36+
<span>Light</span>
37+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-light']) }}</span>
3838
</div>
39-
<div class="text-white bg-grey px-6 py-3 text-sm font-semibold flex justify-between flex justify-between">
40-
<span class="-opacity-0">Base</span>
41-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey']) }}</span>
39+
<div class="text-black bg-grey px-6 py-3 text-sm font-semibold flex justify-between flex justify-between">
40+
<span>Base</span>
41+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey']) }}</span>
4242
</div>
4343
<div class="text-white bg-grey-dark px-6 py-3 text-sm font-semibold flex justify-between">
44-
<span class="-opacity-0">Dark</span>
45-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-dark']) }}</span>
44+
<span>Dark</span>
45+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-dark']) }}</span>
4646
</div>
4747
<div class="text-white bg-grey-darker px-6 py-3 text-sm font-semibold flex justify-between">
48-
<span class="-opacity-0">Darker</span>
49-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-darker']) }}</span>
48+
<span>Darker</span>
49+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-darker']) }}</span>
5050
</div>
5151
<div class="text-white bg-grey-darkest px-6 py-3 text-sm font-semibold flex justify-between">
52-
<span class="-opacity-0">Darkest</span>
53-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['grey-darkest']) }}</span>
52+
<span>Darkest</span>
53+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['grey-darkest']) }}</span>
5454
</div>
5555
<div class="text-white bg-black px-6 py-3 text-sm font-semibold flex justify-between">
56-
<span class="-opacity-0">Black</span>
57-
<span class="font-normal opacity-0 lowercase truncate">{{ strtoupper($page->config['colors']['black']) }}</span>
56+
<span>Black</span>
57+
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['black']) }}</span>
5858
</div>
5959
</div>
6060
</div>
@@ -64,7 +64,7 @@ To get you started, we've provided a generous palette of great looking colors th
6464
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
6565
<div class="rounded overflow-hidden">
6666
<div class="text-white bg-red px-6 py-4 text-sm font-semibold relative shadow z-10">
67-
<div class="tracking-wide uppercase mb-6">Red</div>
67+
<div class="uppercase mb-6">Red</div>
6868
<div class="flex justify-between">
6969
<span>Base</span>
7070
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['red']) }}</span>
@@ -103,7 +103,7 @@ To get you started, we've provided a generous palette of great looking colors th
103103
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
104104
<div class="rounded overflow-hidden">
105105
<div class="text-white bg-orange px-6 py-4 text-sm font-semibold relative shadow z-10">
106-
<div class="tracking-wide uppercase mb-6">Orange</div>
106+
<div class="uppercase mb-6">Orange</div>
107107
<div class="flex justify-between">
108108
<span>Base</span>
109109
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['orange']) }}</span>
@@ -142,7 +142,7 @@ To get you started, we've provided a generous palette of great looking colors th
142142
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
143143
<div class="rounded overflow-hidden">
144144
<div class="text-yellow-darkest bg-yellow px-6 py-4 text-sm font-semibold relative shadow z-10">
145-
<div class="tracking-wide uppercase mb-6">Yellow</div>
145+
<div class="uppercase mb-6">Yellow</div>
146146
<div class="flex justify-between">
147147
<span>Base</span>
148148
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['yellow']) }}</span>
@@ -181,7 +181,7 @@ To get you started, we've provided a generous palette of great looking colors th
181181
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
182182
<div class="rounded overflow-hidden">
183183
<div class="text-white bg-green px-6 py-4 text-sm font-semibold relative shadow z-10">
184-
<div class="tracking-wide uppercase mb-6">Green</div>
184+
<div class="uppercase mb-6">Green</div>
185185
<div class="flex justify-between">
186186
<span>Base</span>
187187
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['green']) }}</span>
@@ -220,7 +220,7 @@ To get you started, we've provided a generous palette of great looking colors th
220220
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
221221
<div class="rounded overflow-hidden">
222222
<div class="text-white bg-teal px-6 py-4 text-sm font-semibold relative shadow z-10">
223-
<div class="tracking-wide uppercase mb-6">Teal</div>
223+
<div class="uppercase mb-6">Teal</div>
224224
<div class="flex justify-between">
225225
<span>Base</span>
226226
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['teal']) }}</span>
@@ -259,7 +259,7 @@ To get you started, we've provided a generous palette of great looking colors th
259259
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
260260
<div class="rounded overflow-hidden">
261261
<div class="text-white bg-blue px-6 py-4 text-sm font-semibold relative shadow z-10">
262-
<div class="tracking-wide uppercase mb-6">Blue</div>
262+
<div class="uppercase mb-6">Blue</div>
263263
<div class="flex justify-between">
264264
<span>Base</span>
265265
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['blue']) }}</span>
@@ -298,7 +298,7 @@ To get you started, we've provided a generous palette of great looking colors th
298298
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
299299
<div class="rounded overflow-hidden">
300300
<div class="text-white bg-indigo px-6 py-4 text-sm font-semibold relative shadow z-10">
301-
<div class="tracking-wide uppercase mb-6">Indigo</div>
301+
<div class="uppercase mb-6">Indigo</div>
302302
<div class="flex justify-between">
303303
<span>Base</span>
304304
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['indigo']) }}</span>
@@ -337,7 +337,7 @@ To get you started, we've provided a generous palette of great looking colors th
337337
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
338338
<div class="rounded overflow-hidden">
339339
<div class="text-white bg-purple px-6 py-4 text-sm font-semibold relative shadow z-10">
340-
<div class="tracking-wide uppercase mb-6">Purple</div>
340+
<div class="uppercase mb-6">Purple</div>
341341
<div class="flex justify-between">
342342
<span>Base</span>
343343
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['purple']) }}</span>
@@ -376,7 +376,7 @@ To get you started, we've provided a generous palette of great looking colors th
376376
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
377377
<div class="rounded overflow-hidden">
378378
<div class="text-white bg-pink px-6 py-4 text-sm font-semibold relative shadow z-10">
379-
<div class="tracking-wide uppercase mb-6">Pink</div>
379+
<div class="uppercase mb-6">Pink</div>
380380
<div class="flex justify-between">
381381
<span>Base</span>
382382
<span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['pink']) }}</span>

0 commit comments

Comments
 (0)