library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix #798: use latest version

Browse Source
This commit is contained in:
redonkulus 2020-05-14 10:26:34 -07:00
parent 3e55ea567b
commit cc57db4f59
2 changed files with 710 additions and 702 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site/src/pages/grids/index.js
View File

@ -1,4 +1,5 @@
import Link from '@docusaurus/Link'; import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import classnames from 'classnames'; import classnames from 'classnames';
import React from 'react'; import React from 'react';
import Layout from '../../theme/Layout'; import Layout from '../../theme/Layout';
@ -12,6 +13,13 @@ const title = 'Grids';
const description = 'Fully customizable and responsive CSS grids.'; const description = 'Fully customizable and responsive CSS grids.';
function Grids() { function Grids() {
const context = useDocusaurusContext();
const {siteConfig = {}} = context;
const {
customFields: {
pureVersion
}
} = siteConfig;
return ( return (
<Layout description={description} title={title}> <Layout description={description} title={title}>
<Header description={description} title={title} /> <Header description={description} title={title} />
@ -470,8 +478,8 @@ function Grids() {
Since media queries cannot be over-written, we <u>do not</u> include the grid system as part of <code>pure.css</code>. You'll have to pull it in as a separate CSS file. You can do this by adding the following <code>&lt;link&gt;</code> tag to your page. Since media queries cannot be over-written, we <u>do not</u> include the grid system as part of <code>pure.css</code>. You'll have to pull it in as a separate CSS file. You can do this by adding the following <code>&lt;link&gt;</code> tag to your page.
</p> </p>
<CodeBlock wrap={true}> <CodeBlock>
{`<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css" />`} {`<link rel="stylesheet" href="https://unpkg.com/purecss@${pureVersion}/build/grids-responsive-min.css" />`}
</CodeBlock> </CodeBlock>
<h3>Pure's Regular Grid vs. Responsive Grid</h3> <h3>Pure's Regular Grid vs. Responsive Grid</h3>
@ -796,10 +804,10 @@ html, button, input, select, textarea,
Grids is part of the Pure CSS file. However, if you just want Grids and not the other modules, you can pull it down separately. Just include this <code>&lt;link&gt;</code> element in your <code>&lt;head&gt;</code>. Grids is part of the Pure CSS file. However, if you just want Grids and not the other modules, you can pull it down separately. Just include this <code>&lt;link&gt;</code> element in your <code>&lt;head&gt;</code>.
</p> </p>
<CodeBlock wrap={true}> <CodeBlock>
{`<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/base-min.css"> {`<link rel="stylesheet" href="https://unpkg.com/purecss@${pureVersion}/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-min.css"> <link rel="stylesheet" href="https://unpkg.com/purecss@${pureVersion}/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css">`} <link rel="stylesheet" href="https://unpkg.com/purecss@${pureVersion}/build/grids-responsive-min.css">`}
</CodeBlock> </CodeBlock>
{/* {/*

2
site/src/pages/start/index.js
View File

@ -100,7 +100,7 @@ function Start() {
</p> </p>
<CodeBlock wrap={true}> <CodeBlock wrap={true}>
{`<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css">`} {`<link rel="stylesheet" href="https://unpkg.com/purecss@${pureVersion}/build/grids-responsive-min.css">`}
</CodeBlock> </CodeBlock>
<p> <p>