andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rebuild docs

Browse Source
This commit is contained in:
atomiks
2018-03-07 09:10:37 +10:00
parent bb1a28353e
commit a67055b396
4 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/3df57813b7ec2de885ea6075ff46ed46.js
View File

File diff suppressed because one or more lines are too long

22
docs/index.html
View File

@ -239,25 +239,25 @@
<div class="box footer">Footer</div>
</div>
</code></pre> <h4 data-type="CSS">CSS</h4><pre><code class="lang-css">.grid-layout {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
"sidebar header header"
"sidebar content content"
"sidebar footer footer";
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
'sidebar header header'
'sidebar content content'
'sidebar footer footer';
}
.sidebar {
grid-area: sidebar;
grid-area: sidebar;
}
.content {
grid-area: content;
grid-area: content;
}
.header {
grid-area: header;
grid-area: header;
}
.footer {
grid-area: footer;
grid-area: footer;
}
</code></pre> <h4>Demo</h4> <div class="snippet-demo"> <div class="snippet-demo__grid-layout"> <div class="box snippet-demo__grid-layout__header">Header</div> <div class="box snippet-demo__grid-layout__sidebar">Sidebar</div> <div class="box snippet-demo__grid-layout__content">Content <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> <div class="box snippet-demo__grid-layout__footer">Footer</div> </div> </div> <h4>Explanation</h4> <ol> <li><code>display: grid</code> enables grid.</li> <li><code>grid-gap: 10px</code> defines spacing between the elements.</li> <li><code>grid-template-columns: repeat(3, 1fr)</code> defines 3 columns of the same size.</li> <li><code>grid-template-areas</code> defines the names of grid areas.</li> <li><code>grid-area: sidebar</code> makes the element use the area with the name <code>sidebar</code>.</li> </ol> <h4>Browser support</h4> <div> <div class="snippet__browser-support"> 87.6% </div> </div> <p><span class="snippet__support-note">✅ No caveats.</span></p> <ul> <li> <a href="https://caniuse.com/#feat=css-grid" target="_blank">https://caniuse.com/#feat=css-grid</a> </li> </ul> </div> <div class="snippet"> <h3 id="hairline-border"><span>Hairline border</span><span class="tags__tag snippet__tag" data-type="visual"><i data-feather="eye"></i>visual</span></h3> <p>Gives an element a border equal to 1 native device pixel in width, which can look very sharp and crisp.</p> <h4 data-type="HTML">HTML</h4><pre><code class="lang-html">&lt;div class="hairline-border"&gt;text&lt;/div&gt;
</code></pre> <h4 data-type="CSS">CSS</h4><pre><code class="lang-css">.hairline-border {

16
package-lock.json generated
View File

@ -246,7 +246,7 @@
"dev": true,
"requires": {
"browserslist": "1.7.7",
"caniuse-db": "1.0.30000812",
"caniuse-db": "1.0.30000813",
"normalize-range": "0.1.2",
"num2fraction": "1.2.2",
"postcss": "5.2.18",
@ -271,7 +271,7 @@
"integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
"dev": true,
"requires": {
"caniuse-db": "1.0.30000812",
"caniuse-db": "1.0.30000813",
"electron-to-chromium": "1.3.34"
}
},
@ -1793,7 +1793,7 @@
"dev": true,
"requires": {
"browserslist": "1.7.7",
"caniuse-db": "1.0.30000812",
"caniuse-db": "1.0.30000813",
"lodash.memoize": "4.1.2",
"lodash.uniq": "4.5.0"
},
@ -1804,16 +1804,16 @@
"integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
"dev": true,
"requires": {
"caniuse-db": "1.0.30000812",
"caniuse-db": "1.0.30000813",
"electron-to-chromium": "1.3.34"
}
}
}
},
"caniuse-db": {
"version": "1.0.30000812",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000812.tgz",
"integrity": "sha1-KcKN1pJ+5D6MKrZI5SNqyRbJfWk=",
"version": "1.0.30000813",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000813.tgz",
"integrity": "sha1-4KHGA/iICteHsqNWUrJzPzKl4po=",
"dev": true
},
"caniuse-lite": {
@ -7863,7 +7863,7 @@
"integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
"dev": true,
"requires": {
"caniuse-db": "1.0.30000812",
"caniuse-db": "1.0.30000813",
"electron-to-chromium": "1.3.34"
}
},

2
package.json
View File

@ -20,7 +20,7 @@
"babel-cli": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-stage-2": "^6.24.1",
"caniuse-db": "^1.0.30000812",
"caniuse-db": "^1.0.30000813",
"jsdom": "^11.6.2",
"marked": "^0.3.16",
"node-sass": "^4.7.2",