Skip to content

Commit

Permalink
🔧 chore: More doc fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Spiderpig86
Spiderpig86 committed Dec 11, 2024
1 parent f0702ae commit 13e1fac
Show file tree
Hide file tree
Showing 5 changed files with 92 additions and 67 deletions.
4 changes: 2 additions & 2 deletions cirrus-docs-next/src/about/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ export const AboutPage: React.FC<any> = (props) => {
<a
href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=5JW89TNNHB4JL&currency_code=USD&source=url"
target="_blank"
className="u-no-padding u-inline-block"
className="p-0 u-inline-block"
>
<img src="/img/paypal.jpg" className="_shadow" />
</a>
Expand All @@ -56,7 +56,7 @@ export const AboutPage: React.FC<any> = (props) => {
<a
href="https://www.patreon.com/bePatron?u=20654861"
target="_blank"
className="u-no-padding u-inline-block"
className="p-0 u-inline-block"
>
<img src="/img/become_a_patron_button.png" className="_shadow" />
</a>
Expand Down
2 changes: 1 addition & 1 deletion cirrus-docs-next/src/fonts/letter-spacing/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ $config: (
$config: (
extend: (
letter-spacing: (
2x-tighter: '-.1em'
2x-tighter: '-.1rem'
)
)
) !default;`}
Expand Down
18 changes: 0 additions & 18 deletions cirrus-docs-next/src/fonts/text-elements/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,24 +104,6 @@ export const TextElementsPage: React.FC<any> = (props) => {
</p>`}
language="htmlbars"
/>
<div className="space"></div>

<h6>Title and Subtitle</h6>
<p>
The <code>title</code> and <code>subtitle</code> helper classes bring two elements
representing a title and a subtitle closer together. The <code>title</code> is bolded by
default.
</p>
<div className="bg-gray-100 u-round-xs p-3">
<h6 className="title">I am the title.</h6>
<p className="subtitle">I am the subtitle.</p>
</div>
<div className="space"></div>
<CodeBlock
code={`<h6 className="title">I am the title.</h6>
<p className="subtitle">I am the subtitle.</p>`}
language="htmlbars"
/>
</div>
</section>

Expand Down
133 changes: 88 additions & 45 deletions cirrus-docs-next/src/forms/form-groups/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@ export const FormGroupsPage: React.FC<any> = (props) => {
<div className="divider"></div>
<p>Below is an example form that uses a bunch of different fields together.</p>

<div className="u-no-padding">
<div className="p-0">
<div className="mb-1">
<label className="font-bold">Contact</label>
<div className="section-body row">
Expand Down Expand Up @@ -284,7 +284,7 @@ export const FormGroupsPage: React.FC<any> = (props) => {
</label>
<div className="section-body">
<div className="u-flex">
<div className="form-ext-control form-ext-radio m-0">
<div className="form-ext-control form-ext-radio m-0 mr-1">
<input
id="radio-1"
name="member"
Expand Down Expand Up @@ -318,58 +318,101 @@ export const FormGroupsPage: React.FC<any> = (props) => {
</div>
<div className="space"></div>
<CodeBlock
code={`<div class="mb-1">
<label class="font-bold">Contact</label>
<div class="section-body row">
<div class="md:col-6 pl-0">
<div class="input-control">
<input class="input-contains-icon input-contains-icon input-contains-icon-left" type="text" placeholder="Name" />
<span class="icon icon-left"><i class="fa fa-wrapper fa-user" aria-hidden="true"></i></span>
code={`<div class="p-0">
<div class="mb-1">
<label class="font-bold">Contact</label>
<div class="section-body row">
<div class="md:col-6 pl-0">
<div class="input-control">
<input
class="input-contains-icon input-contains-icon input-contains-icon-left"
type="text"
placeholder="Name"
/>
<span class="icon icon-left">
<FontAwesomeIcon class="fa-wrapper" icon={['fas', 'user']} />
</span>
</div>
</div>
</div>
<div class="md:col-6 pr-0">
<div class="input-control">
<input class="input-contains-icon input-contains-icon-left input-contains-icon-right text-success input-success" type="text" placeholder="Email" value="[email protected]" />
<span class="icon icon-left"><i class="fa fa-wrapper fa-envelope" aria-hidden="true"></i></span>
<span class="icon icon-right"><i class="fa fa-wrapper fa-check" aria-hidden="true"></i></span>
<div class="md:col-6 pr-0">
<div class="input-control">
<input
class="input-contains-icon input-contains-icon-left input-contains-icon-right text-success input-success"
type="text"
placeholder="Email"
defaultValue="[email protected]"
/>
<span class="icon icon-left">
<FontAwesomeIcon class="fa-wrapper" icon={['fas', 'envelope']} />
</span>
<span class="icon icon-right">
<FontAwesomeIcon class="fa-wrapper" icon={['fas', 'check']} />
</span>
</div>
</div>
</div>
</div>
</div>
<div class="mb-1">
<label class="font-bold">Phone <span class="info inline font-light">We are not telemarketers.</span></label>
<div class="section-body">
<div class="form-group">
<label class="form-group-label">+1</label>
<input type="text" class="form-group-input" placeholder="Enter your phone number" />
<div class="mb-1">
<label class="font-bold">
Phone <span class="info inline font-light">We are not telemarketers.</span>
</label>
<div class="section-body">
<div class="form-group">
<label class="form-group-label">+1</label>
<input
type="text"
class="form-group-input"
placeholder="Enter your phone number"
/>
</div>
</div>
</div>
</div>
<div class="row">
<div class="mb-1 md:col-6 pl-0">
<label class="font-bold">Choose One</label>
<select class="select" placeholder="Choose one">
<option>Shibe</option>
<option>Doggo</option>
<option>Pupper</option>
</select>
</div>
<div class="mb-1 md:col-6 pr-0">
<label class="font-bold label--sm">Select One <span class="required">*</span></label>
<div class="section-body">
<label class="radio">
<input type="radio" name="member" /> Yes
</label>
<label class="radio">
<input type="radio" name="member" /> No
<div class="row">
<div class="mb-1 md:col-6 pl-0">
<label class="font-bold">Choose One</label>
<select class="select" placeholder="Choose one">
<option>Shibe</option>
<option>Doggo</option>
<option>Pupper</option>
</select>
</div>
<div class="mb-1 md:col-6 pr-0">
<label class="font-bold label--sm">
Select One <span class="required">*</span>
</label>
<div class="section-body">
<div class="u-flex">
<div class="form-ext-control form-ext-radio m-0 mr-1">
<input
id="radio-1"
name="member"
class="form-ext-input"
type="radio"
/>
<label class="form-ext-label" htmlFor="radio-1">
Yes
</label>
</div>
<div class="form-ext-control form-ext-radio m-0">
<input
id="radio-2"
name="member"
class="form-ext-input"
type="radio"
/>
<label class="form-ext-label" htmlFor="radio-2">
No
</label>
</div>
</div>
</div>
<span class="required info">This section is required.</span>
</div>
<span class="required info">This section is required.</span>
</div>
</div>
<div class="mb-1">
<label class="font-bold">Message</label>
<textarea placeholder="Enter your message"></textarea>
<div class="mb-1">
<label class="font-bold">Message</label>
<textarea placeholder="Enter your message"></textarea>
</div>
</div>`}
language="htmlbars"
/>
Expand Down
2 changes: 1 addition & 1 deletion cirrus-docs-next/static/css/cirrus.min.css
View file

Large diffs are not rendered by default.

0 comments on commit 13e1fac

Please sign in to comment.