Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions site/src/components/home/CSSVariables.astro
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ import Code from '@components/shortcodes/Code.astro'
.component-header {
color: var(--bs-color-content-status-negative);
}`}
lang="scss"
lang="scss" buttonLabel="how to use OUDS Web CSS variables"
/>
</div>
<div class="border-top border-thin border-default pt-scaled-small">
Expand All @@ -65,7 +65,7 @@ import Code from '@components/shortcodes/Code.astro'
--bs-table-bg: var(--bs-color-bg-secondary);
--bs-table-border-color: transparent;
}`}
lang="scss"
lang="scss" buttonLabel="modified OUDS Web CSS variables"
/>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions site/src/components/home/Customize.astro
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ $prefix: "mo-";

// Then import OUDS Web
@import "../node_modules/@ouds/web-${getConfig().brand}/scss/ouds-web";`}
lang="scss"
lang="scss" buttonLabel="customized CSS while including all OUDS Web"
/>
<p class="mb-scaled-large">
Learn more about our <a href={getVersionedDocsPath('customize/options')}>global Sass options</a>.
Expand Down Expand Up @@ -65,7 +65,7 @@ $prefix: "mo-";
@import "../node_modules/@ouds/web-common/scss/grid";
@import "../node_modules/@ouds/web-common/scss/helpers";
@import "../node_modules/@ouds/web-common/scss/utilities/api";`}
lang="scss"
lang="scss" buttonLabel="customized CSS while including only what you need"
/>
<p class="mb-none">
Learn more about <a href={getVersionedDocsPath('customize/sass')}>using OUDS Web with Sass</a>.
Expand Down
13 changes: 7 additions & 6 deletions site/src/components/home/GetStarted.astro
Original file line number Diff line number Diff line change
Expand Up @@ -21,16 +21,17 @@ import Code from '@components/shortcodes/Code.astro'
<div class="col-xl-8">
<h3 class="h2 mb-scaled-xsmall">Install via package manager</h3>
<p class="mb-scaled-medium">
Install OUDS Web's source Sass and JavaScript files via npm, yarn, Composer, or NuGet. Package-managed installs
don't include documentation or our full build scripts.
Install OUDS Web's source files via npm, yarn, Composer, or NuGet. Package-managed installs include OUDS Web common Sass and
JavaScript files and OUDS Web {getConfig().display_brand} theme (Sass files). They don't include documentation or our full build
scripts.
</p>
<Code
code={`npm install @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}
lang="sh"
lang="sh" buttonLabel="npm install"
/>
<Code
code={`yarn add @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}
lang="sh"
lang="sh" buttonLabel="yarn install"
/>
<p class="mb-scaled-large">
<a href={getVersionedDocsPath('getting-started/download')}>Read our installation docs</a> for more info and additional
Expand All @@ -52,13 +53,13 @@ import Code from '@components/shortcodes/Code.astro'
code={`<link href="${getConfig().cdn.css}" rel="stylesheet" integrity="${
getConfig().cdn.css_hash
}" crossorigin="anonymous">`}
lang="html"
lang="html" buttonLabel="link to CSS file on JsDelivr"
/>
<Code
code={`<script src="${getConfig().cdn.js_bundle}" integrity="${
getConfig().cdn.js_bundle_hash
}" crossorigin="anonymous"></script>`}
lang="html"
lang="html" buttonLabel="link to JavaScript bundle on JsDelivr"
/>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion site/src/components/home/MastHead.astro
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import Code from '@components/shortcodes/Code.astro'
</p>

<div class="bd-masthead-code mb-scaled-xsmall d-none d-md-inline-block">
<Code lang="sh"
<Code lang="sh" buttonLabel="npm install"
code={`npm i @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}/>
</div>

Expand Down
Loading