mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add 'not-prose' css class and fix minimal types

Browse Source
This commit is contained in:
prototypa
2023-07-01 20:38:05 -04:00
parent 712ee02fa7
commit 7997ed1fb2
14 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/widgets/Announcement.astro
View File

@ -2,12 +2,10 @@
---
<div
class="hidden md:block bg-blue-900 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-blue-900 text-sm px-3 py-2 text-gray-200 overflow-hidden whitespace-nowrap text-ellipsis"
class="hidden md:block bg-blue-900 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-blue-900 text-sm px-3 py-2 text-gray-200 overflow-hidden whitespace-nowrap text-ellipsis not-prose"
>
<span class="text-xs py-0.5 px-1 bg-primary dark:bg-slate-700 dark:text-slate-300 font-semibold">NEW</span>
<a
href="https://astro.build/blog/astro-260/"
class="hover:underline text-gray-200 dark:text-slate-400"
<a href="https://astro.build/blog/astro-260/" class="hover:underline text-gray-200 dark:text-slate-400"
>Astro 2.6 is released. »</a
>
<a

3
src/components/widgets/CallToAction.astro
View File

@ -9,6 +9,7 @@ interface CallToAction {
export interface Props {
title?: string;
subtitle?: string;
description?: string;
callToAction?: string | CallToAction;
}
@ -20,7 +21,7 @@ const {
} = Astro.props;
---
<section class="relative">
<section class="relative not-prose">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="py-12 md:py-20">
<div

2
src/components/widgets/Content.astro
View File

@ -31,7 +31,7 @@ const {
} = Astro.props;
---
<section class:list={[{ 'pt-0 md:pt-0': isAfterContent }, 'bg-blue-50 dark:bg-slate-800 py-16 md:py-20']}>
<section class:list={[{ 'pt-0 md:pt-0': isAfterContent }, 'bg-blue-50 dark:bg-slate-800 py-16 md:py-20 not-prose']}>
<div class="max-w-xl sm:mx-auto lg:max-w-2xl">
{
(title || subtitle || highlight) && (

2
src/components/widgets/FAQs.astro
View File

@ -21,7 +21,7 @@ const {
} = Astro.props;
---
<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20 not-prose">
<div class="max-w-xl sm:mx-auto lg:max-w-2xl">
{
(title || subtitle || highlight) && (

2
src/components/widgets/Features.astro
View File

@ -22,7 +22,7 @@ const {
} = Astro.props;
---
<section class="scroll-mt-16" id="features">
<section class="scroll-mt-16 not-prose" id="features">
<div class="px-4 py-16 mx-auto max-w-6xl lg:px-8 lg:py-20">
{
(title || subtitle || highlight) && (

2
src/components/widgets/Features2.astro
View File

@ -22,7 +22,7 @@ const {
} = Astro.props;
---
<section class="relative">
<section class="relative not-prose">
<div class="absolute inset-0 bg-blue-50 dark:bg-slate-800 pointer-events-none mb-32" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 -mb-12">
<div class="py-4 pt-8 sm:py-6 lg:py-8 lg:pt-12">

2
src/components/widgets/Footer.astro
View File

@ -26,7 +26,7 @@ export interface Props {
const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
---
<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800']}>
<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}>
<div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
<div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">

2
src/components/widgets/Header.astro
View File

@ -43,7 +43,7 @@ const {
<header
class:list={[
{ sticky: isSticky, relative: !isSticky },
'top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100',
'top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100 not-prose',
]}
id="header"
>

3
src/components/widgets/Hero.astro
View File

@ -11,6 +11,7 @@ interface CallToAction {
export interface Props {
title?: string;
subtitle?: string;
content?: string;
callToAction?: string | CallToAction;
callToAction2?: string | CallToAction;
image?: string | any; // TODO: find HTMLElementProps
@ -26,7 +27,7 @@ const {
} = Astro.props;
---
<section class="relative md:-mt-[76px]">
<section class="relative md:-mt-[76px] not-prose">
<div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6">
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>

3
src/components/widgets/Hero2.astro
View File

@ -11,6 +11,7 @@ interface CallToAction {
export interface Props {
title?: string;
subtitle?: string;
content?: string;
callToAction?: string | CallToAction;
callToAction2?: string | CallToAction;
image?: string | any; // TODO: find HTMLElementProps
@ -26,7 +27,7 @@ const {
} = Astro.props;
---
<section class="relative md:-mt-[76px]">
<section class="relative md:-mt-[76px] not-prose">
<div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6">
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>

2
src/components/widgets/Note.astro
View File

@ -2,7 +2,7 @@
import { Icon } from 'astro-icon';
---
<section class="bg-blue-50 dark:bg-slate-800">
<section class="bg-blue-50 dark:bg-slate-800 not-prose">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
<span class="font-bold">
<Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Philosophy:</span

2
src/components/widgets/Stats.astro
View File

@ -19,7 +19,7 @@ const {
} = Astro.props;
---
<div class="px-4 py-4 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
<div class="px-4 py-4 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl not-prose">
{
(title || subtitle || highlight) && (
<div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">

2
src/components/widgets/Steps.astro
View File

@ -21,7 +21,7 @@ const {
} = Astro.props;
---
<section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl">
<section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl not-prose">
<div class="grid gap-6 row-gap-10 md:grid-cols-2">
<div class="md:py-4 md:pr-16 mb-4 md:mb-0">
{title && <h2 class="mb-8 text-3xl lg:text-4xl font-bold font-heading" set:html={title} />}

2
src/components/widgets/Steps2.astro
View File

@ -64,7 +64,7 @@ const {
---
<section>
<div class="max-w-7xl mx-auto px-4 sm:px-6 overflow-hidden">
<div class="max-w-7xl mx-auto px-4 sm:px-6 overflow-hidden not-prose">
<div class="py-12 md:py-20">
<div class="py-4 sm:py-6 lg:py-8">
<div class="flex flex-wrap md:-mx-8">