mirror of
https://github.com/pure-css/pure.git
synced 2024-11-24 10:44:21 +00:00
doc: update docusaurus deps (#866)
This commit is contained in:
Seth Bertalotto
GitHub
parent
ed00ca3a6c
commit
8408d81e98
@ -9,7 +9,7 @@ function CodeBlock({ children, language = 'html', full = false, wrap = false })
|
||||
return (
|
||||
<div className={fullClass}>
|
||||
<div className={codeClass}>
|
||||
<SyntaxHighlighter language={language} style={docco} wrapLines={full}>{children}</SyntaxHighlighter>
|
||||
<SyntaxHighlighter language={language} style={docco} wrapLongLines={full}>{children}</SyntaxHighlighter>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -13,6 +13,7 @@ module.exports = {
|
||||
'@docusaurus/plugin-content-pages',
|
||||
'@docusaurus/plugin-google-analytics',
|
||||
],
|
||||
themes: ['@docusaurus/theme-classic'],
|
||||
themeConfig: {
|
||||
googleAnalytics: {
|
||||
trackingID: 'UA-41480445-1',
|
||||
|
||||
28317
site/package-lock.json
generated
28317
site/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -11,16 +11,17 @@
|
||||
"swizzle": "docusaurus swizzle"
|
||||
},
|
||||
"dependencies": {
|
||||
"@docusaurus/core": "^2.0.0-alpha.53",
|
||||
"@docusaurus/plugin-content-pages": "^2.0.0-alpha.53",
|
||||
"@docusaurus/plugin-google-analytics": "^2.0.0-alpha.53",
|
||||
"@docusaurus/core": "^2.0.0-beta.3",
|
||||
"@docusaurus/plugin-content-pages": "^2.0.0-beta.3",
|
||||
"@docusaurus/plugin-google-analytics": "^2.0.0-beta.3",
|
||||
"@docusaurus/preset-classic": "^2.0.0-beta.3",
|
||||
"classnames": "^2.2.6",
|
||||
"common-tags": "^1.8.0",
|
||||
"gzip-size": "^5.1.1",
|
||||
"gzip-size": "^6.0.0",
|
||||
"js-beautify": "^1.11.0",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4",
|
||||
"react-syntax-highlighter": "^12.2.1"
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-syntax-highlighter": "^15.4.3"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
|
||||
@ -1,273 +1,290 @@
|
||||
/* stylelint-disable docusaurus/copyright-header */
|
||||
.hero {
|
||||
display: block;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.hero-titles {
|
||||
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 0 1em;
|
||||
margin: 2em auto;
|
||||
max-width: 768px;
|
||||
}
|
||||
.hero-titles .logo {
|
||||
width: 80%;
|
||||
max-width: 419px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.hero-site {
|
||||
font-size: 400%;
|
||||
font-weight: 200;
|
||||
margin: 0;
|
||||
color: #1f8dd6;
|
||||
}
|
||||
.hero-tagline {
|
||||
font-size: 150%;
|
||||
font-weight: 200;
|
||||
line-height: 1.5;
|
||||
margin: 0 0 1em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a.button-cta,
|
||||
a.button-secondary {
|
||||
margin: 0.25em;
|
||||
}
|
||||
/* overwrite docusaurus styles */
|
||||
h3,
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
display: table;
|
||||
width: auto;
|
||||
}
|
||||
table tr:nth-child(2n) {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a.button-cta {
|
||||
background: #1f8dd6;
|
||||
color: #fff;
|
||||
border: 1px solid #1f8dd6;
|
||||
}
|
||||
.hero {
|
||||
display: block;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.hero-titles {
|
||||
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 0 1em;
|
||||
margin: 2em auto;
|
||||
max-width: 768px;
|
||||
}
|
||||
.hero-titles .logo {
|
||||
width: 80%;
|
||||
max-width: 419px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.hero-site {
|
||||
font-size: 400%;
|
||||
font-weight: 200;
|
||||
margin: 0;
|
||||
color: #1f8dd6;
|
||||
}
|
||||
.hero-tagline {
|
||||
font-size: 150%;
|
||||
font-weight: 200;
|
||||
line-height: 1.5;
|
||||
margin: 0 0 1em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a.button-secondary {
|
||||
background: #fff;
|
||||
color: #666;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.button-cta,
|
||||
a.button-secondary {
|
||||
margin: 0.25em;
|
||||
}
|
||||
|
||||
.size-chart {
|
||||
width: 100%;
|
||||
font-size: 87.5%;
|
||||
line-height: 1.4;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
a.button-cta {
|
||||
background: #1f8dd6;
|
||||
color: #fff;
|
||||
border: 1px solid #1f8dd6;
|
||||
}
|
||||
|
||||
a.size-chart-item {
|
||||
display: block;
|
||||
color: #fff;
|
||||
padding: 1.45em 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
a.button-secondary {
|
||||
background: #fff;
|
||||
color: #666;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.size-chart-label {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
}
|
||||
.size-chart-size {
|
||||
display: none;
|
||||
}
|
||||
.size-chart {
|
||||
width: 100%;
|
||||
font-size: 87.5%;
|
||||
line-height: 1.4;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.size-chart-base {
|
||||
background: #1f8dd6;
|
||||
}
|
||||
.size-chart-base .size-chart-size {
|
||||
color: rgb(103, 194, 240);
|
||||
}
|
||||
a.size-chart-item {
|
||||
display: block;
|
||||
color: #fff;
|
||||
padding: 1.45em 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.size-chart-grids {
|
||||
background: rgb(128, 88, 165);
|
||||
}
|
||||
.size-chart-grids .size-chart-size {
|
||||
color: rgb(200, 131, 255);
|
||||
}
|
||||
.size-chart-label {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
}
|
||||
.size-chart-size {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.size-chart-forms {
|
||||
background: #5eb95e;
|
||||
}
|
||||
.size-chart-base {
|
||||
background: #1f8dd6;
|
||||
}
|
||||
.size-chart-base .size-chart-size {
|
||||
color: rgb(103, 194, 240);
|
||||
}
|
||||
|
||||
.size-chart-forms .size-chart-size {
|
||||
color: rgb(161, 240, 137);
|
||||
}
|
||||
.size-chart-grids {
|
||||
background: rgb(128, 88, 165);
|
||||
}
|
||||
.size-chart-grids .size-chart-size {
|
||||
color: rgb(200, 131, 255);
|
||||
}
|
||||
|
||||
.size-chart-buttons {
|
||||
background: #dd514c;
|
||||
}
|
||||
.size-chart-forms {
|
||||
background: #5eb95e;
|
||||
}
|
||||
|
||||
.size-chart-buttons .size-chart-size {
|
||||
color: rgb(236, 164, 154);
|
||||
}
|
||||
.size-chart-forms .size-chart-size {
|
||||
color: rgb(161, 240, 137);
|
||||
}
|
||||
|
||||
.size-chart-menus {
|
||||
background: rgb(250, 210, 50);
|
||||
}
|
||||
.size-chart-menus .size-chart-size {
|
||||
color: rgb(255, 240, 134);
|
||||
}
|
||||
.size-chart-buttons {
|
||||
background: #dd514c;
|
||||
}
|
||||
|
||||
.size-chart-tables {
|
||||
background: rgb(243, 123, 29);
|
||||
}
|
||||
.size-chart-tables .size-chart-label {
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
.size-chart-tables .size-chart-size {
|
||||
color: rgb(255, 190, 129);
|
||||
}
|
||||
.size-chart-buttons .size-chart-size {
|
||||
color: rgb(236, 164, 154);
|
||||
}
|
||||
|
||||
.marketing {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
.marketing-customize {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.size-chart-menus {
|
||||
background: rgb(250, 210, 50);
|
||||
}
|
||||
.size-chart-menus .size-chart-size {
|
||||
color: rgb(255, 240, 134);
|
||||
}
|
||||
|
||||
.marketing .content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.size-chart-tables {
|
||||
background: rgb(243, 123, 29);
|
||||
}
|
||||
.size-chart-tables .size-chart-label {
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
.size-chart-tables .size-chart-size {
|
||||
color: rgb(255, 190, 129);
|
||||
}
|
||||
|
||||
.marketing-header {
|
||||
font-weight: 400;
|
||||
}
|
||||
.marketing {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
.marketing-customize {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.marketing-diagram {
|
||||
margin: 2em auto;
|
||||
}
|
||||
.marketing .content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sample-buttons {
|
||||
margin: 1em auto;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
.marketing-header {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.sample-button {
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.sample-button .pure-button {
|
||||
width: 100%;
|
||||
}
|
||||
.marketing-diagram {
|
||||
margin: 2em auto;
|
||||
}
|
||||
|
||||
.button-a {
|
||||
background: #e1f2fa;
|
||||
color: #5992aa;
|
||||
}
|
||||
.sample-buttons {
|
||||
margin: 1em auto;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
.button-b {
|
||||
background: #fcebbd;
|
||||
color: #af9540;
|
||||
}
|
||||
.sample-button {
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.sample-button .pure-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.button-c,
|
||||
.button-d,
|
||||
.button-e {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.button-a {
|
||||
background: #e1f2fa;
|
||||
color: #5992aa;
|
||||
}
|
||||
|
||||
.button-f,
|
||||
.button-g,
|
||||
.button-h {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.button-b {
|
||||
background: #fcebbd;
|
||||
color: #af9540;
|
||||
}
|
||||
|
||||
.button-c {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.button-d {
|
||||
background: #d3eda3;
|
||||
color: #72962e;
|
||||
}
|
||||
.button-c,
|
||||
.button-d,
|
||||
.button-e {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.button-e {
|
||||
background: #f5ab9e;
|
||||
color: #8c3a2b;
|
||||
}
|
||||
.button-f {
|
||||
background: #ddaeff;
|
||||
color: #8156a7;
|
||||
}
|
||||
.button-f,
|
||||
.button-g,
|
||||
.button-h {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.button-g {
|
||||
background: #f57b00;
|
||||
color: #ffca95;
|
||||
}
|
||||
.button-c {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.button-d {
|
||||
background: #d3eda3;
|
||||
color: #72962e;
|
||||
}
|
||||
|
||||
.button-h {
|
||||
background: #008ed4;
|
||||
color: #fff;
|
||||
}
|
||||
.sample-button .button-h {
|
||||
width: 50%; /* Updated to 80% at sm breakpoint */
|
||||
}
|
||||
.button-e {
|
||||
background: #f5ab9e;
|
||||
color: #8c3a2b;
|
||||
}
|
||||
.button-f {
|
||||
background: #ddaeff;
|
||||
color: #8156a7;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 30em) {
|
||||
.size-chart-tables .size-chart-label {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.button-g {
|
||||
background: #f57b00;
|
||||
color: #ffca95;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 35.5em) {
|
||||
.hero {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
.button-h {
|
||||
background: #008ed4;
|
||||
color: #fff;
|
||||
}
|
||||
.sample-button .button-h {
|
||||
width: 50%; /* Updated to 80% at sm breakpoint */
|
||||
}
|
||||
|
||||
.sample-button .button-h {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 30em) {
|
||||
.size-chart-tables .size-chart-label {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.hero-titles {
|
||||
padding: 0 2em;
|
||||
}
|
||||
.hero-titles .logo {
|
||||
width: 419px;
|
||||
height: auto;
|
||||
}
|
||||
.hero-site {
|
||||
font-size: 720%;
|
||||
}
|
||||
.hero-tagline {
|
||||
font-size: 220%;
|
||||
}
|
||||
@media screen and (min-width: 35.5em) {
|
||||
.hero {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
a.button-cta,
|
||||
a.button-secondary {
|
||||
font-size: 125%;
|
||||
}
|
||||
.sample-button .button-h {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.size-chart {
|
||||
font-size: 100%;
|
||||
}
|
||||
a.size-chart-item {
|
||||
padding: 0.5em;
|
||||
text-align: left;
|
||||
}
|
||||
.size-chart-label {
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
.size-chart-size {
|
||||
display: block;
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.hero-titles {
|
||||
padding: 0 2em;
|
||||
}
|
||||
.hero-titles .logo {
|
||||
width: 419px;
|
||||
height: auto;
|
||||
}
|
||||
.hero-site {
|
||||
font-size: 720%;
|
||||
}
|
||||
.hero-tagline {
|
||||
font-size: 220%;
|
||||
}
|
||||
|
||||
.marketing-header {
|
||||
font-size: 150%;
|
||||
}
|
||||
a.button-cta,
|
||||
a.button-secondary {
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
.l-wrap .sample-buttons {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
.size-chart {
|
||||
font-size: 100%;
|
||||
}
|
||||
a.size-chart-item {
|
||||
padding: 0.5em;
|
||||
text-align: left;
|
||||
}
|
||||
.size-chart-label {
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
.size-chart-size {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.marketing-header {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.l-wrap .sample-buttons {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user