Place section-container & hero-gradient to app.css

Make section-container & hero-gradient css class globally accesible.
This commit is contained in:
ditatompel 2024-05-08 19:39:26 +07:00
parent edb27100bb
commit 3556b24d7c
No known key found for this signature in database
GPG key ID: 31D3D06D77950979
5 changed files with 9 additions and 63 deletions

View file

@ -17,5 +17,13 @@ a.external {
@apply link after:content-['_↗']
}
.dashboard-card {
@apply bg-surface-50-900-token rounded-lg border-2 border-dashed border-gray-200 p-4 dark:border-gray-700;
@apply bg-surface-50-900-token rounded-lg border-2 border-dashed border-gray-200 p-4 dark:border-gray-700;
}
.section-container {
@apply mx-auto w-full max-w-7xl p-4;
}
.hero-gradient {
background-image:
radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}

View file

@ -182,16 +182,3 @@
</div>
</div>
</section>
<style lang="postcss">
.section-container {
@apply mx-auto w-full max-w-7xl p-4;
}
/* Hero Gradient */
/* prettier-ignore */
.hero-gradient {
background-image:
radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}
</style>

View file

@ -119,16 +119,3 @@
</p>
</div>
</section>
<style lang="postcss">
.section-container {
@apply mx-auto w-full max-w-7xl p-4;
}
/* Hero Gradient */
/* prettier-ignore */
.hero-gradient {
background-image:
radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}
</style>

View file

@ -346,21 +346,3 @@
</div>
</div>
</section>
<style lang="postcss">
.section-container {
@apply mx-auto w-full max-w-7xl p-4;
}
/* Hero Gradient */
/* prettier-ignore */
.hero-gradient {
background-image:
radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}
/*
td:nth-child(1) {
@apply max-w-20;
}
*/
</style>

View file

@ -176,21 +176,3 @@
</div>
</section>
{/if}
<style lang="postcss">
.section-container {
@apply mx-auto w-full max-w-7xl p-4;
}
/* Hero Gradient */
/* prettier-ignore */
.hero-gradient {
background-image:
radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
}
/*
td:nth-child(1) {
@apply max-w-20;
}
*/
</style>