ok #54
@ -1,18 +1,43 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: ['./templates/**/*.html', './content/**/*.md'],
|
||||
content: [
|
||||
'./templates/**/*.html',
|
||||
'./content/**/*.md',
|
||||
'./static/**/*.js'
|
||||
],
|
||||
safelist: [
|
||||
'grid',
|
||||
'items-start',
|
||||
{
|
||||
pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
|
||||
variants: ['sm', 'md', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
|
||||
variants: ['sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
|
||||
},
|
||||
{
|
||||
pattern: /(pt|pb)-(0)/,
|
||||
variants: ['!', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
|
||||
variants: ['!', 'sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
|
||||
},
|
||||
{
|
||||
pattern: /(col-span)-(1|2|3|4|5|6)/,
|
||||
variants: ['sm', 'md', 'lg', 'xl', '2xl'],
|
||||
},
|
||||
{
|
||||
pattern: /(grid-cols)-(1|2|3|4|5|6)/,
|
||||
variants: ['sm', 'md', 'lg', 'xl', '2xl'],
|
||||
},
|
||||
{
|
||||
pattern: /(gap)-(x|y)?-(4|8|12|16|20|24)/,
|
||||
variants: ['sm', 'md', 'lg', 'xl', '2xl'],
|
||||
}
|
||||
],
|
||||
theme: {
|
||||
extend: {},
|
||||
extend: {
|
||||
fontFamily: {
|
||||
'cerco': ['CercoDEMO', 'sans-serif'],
|
||||
},
|
||||
colors: {
|
||||
'semi-white': 'rgba(255, 255, 255, 0.75)',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
@ -4,9 +4,9 @@
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-7xl px-6 py-16 lg:pt-24 lg:pb-12">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-5 lg:gap-x-16 items-start">
|
||||
<div class="flex flex-col lg:flex-row lg:gap-x-16 items-start">
|
||||
<!-- Left Column -->
|
||||
<div class="lg:col-span-3">
|
||||
<div class="flex-1 lg:w-1/2">
|
||||
<div class="inline-flex items-center">
|
||||
<a href="/ventures" class="block">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-600 hover:text-indigo-700 transition-colors duration-200 underline">
|
||||
@ -31,7 +31,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Right Column -->
|
||||
<div class="p-6 rounded-lg border border-gray-300 lg:col-span-2">
|
||||
<div class="p-6 rounded-lg border border-gray-300 lg:w-1/2 mt-8 lg:mt-0">
|
||||
<div class="mb-4">
|
||||
<h3 class="text-base font-medium leading-8 text-indigo-600">Sector</h3>
|
||||
<p class="text-base font-light text-black">Technology, Information and Internet</p>
|
||||
|
Loading…
Reference in New Issue
Block a user