generator-white-label 3.0.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +140 -81
- package/app/404.hbs +20 -0
- package/app/README.md +19 -0
- package/app/assets/data/view/toolkit/colors.json +17 -0
- package/app/assets/data/view/toolkit/components.json +39 -0
- package/app/assets/data/view/toolkit/elements.json +119 -0
- package/app/assets/data/view/toolkit/grids.json +17 -0
- package/app/assets/data/view/toolkit/icons.json +17 -0
- package/app/assets/data/view/toolkit/index.json +17 -0
- package/app/assets/data/view/toolkit/type.json +17 -0
- package/app/assets/font/opensans/stylesheet.css +20 -60
- package/app/assets/image/demo/fallback.avif +0 -0
- package/app/assets/image/demo/fallback.jpg +0 -0
- package/app/assets/image/demo/fallback.webp +0 -0
- package/app/assets/image/demo/large.avif +0 -0
- package/app/assets/image/demo/large.webp +0 -0
- package/app/assets/image/demo/small.avif +0 -0
- package/app/assets/image/demo/small.webp +0 -0
- package/app/assets/markup/element/a.hbs +29 -0
- package/app/assets/markup/element/button.hbs +30 -0
- package/app/assets/markup/element/div.hbs +11 -0
- package/app/assets/markup/element/head.hbs +78 -0
- package/app/assets/markup/element/iframe.hbs +20 -0
- package/app/assets/markup/element/img.hbs +30 -0
- package/app/assets/markup/element/input.hbs +43 -0
- package/app/assets/markup/element/label.hbs +14 -0
- package/app/assets/markup/element/legend.hbs +5 -0
- package/app/assets/markup/element/meta.hbs +11 -0
- package/app/assets/markup/element/nav.hbs +13 -0
- package/app/assets/markup/element/p.hbs +8 -0
- package/app/assets/markup/element/picture.hbs +58 -0
- package/app/assets/markup/element/script.hbs +3 -0
- package/app/assets/markup/element/select.hbs +35 -0
- package/app/assets/markup/element/span.hbs +8 -0
- package/app/assets/markup/element/svg.hbs +11 -0
- package/app/assets/markup/element/table.hbs +50 -0
- package/app/assets/markup/element/textarea.hbs +24 -0
- package/app/assets/markup/element/ul.hbs +13 -0
- package/app/assets/markup/modal/modal-example-1.handlebars +8 -0
- package/app/assets/markup/toolkit/accessibility-skip-to-element-1.handlebars +1 -0
- package/app/assets/markup/toolkit/accessibility-speaker-1.handlebars +1 -0
- package/app/assets/markup/toolkit/anchor-1.handlebars +1 -0
- package/app/assets/markup/toolkit/button-1.handlebars +1 -0
- package/app/assets/markup/toolkit/footer-1.handlebars +3 -0
- package/app/assets/markup/toolkit/header-1.handlebars +1 -0
- package/app/assets/markup/toolkit/heading-1.handlebars +1 -0
- package/app/assets/markup/toolkit/heading-2.handlebars +1 -0
- package/app/assets/markup/toolkit/heading-3.handlebars +1 -0
- package/app/assets/markup/toolkit/heading-4.handlebars +1 -0
- package/app/assets/markup/toolkit/image-1.handlebars +1 -0
- package/app/assets/markup/toolkit/input-checkbox-1.handlebars +1 -0
- package/app/assets/markup/toolkit/input-error-1.handlebars +8 -0
- package/app/assets/markup/toolkit/input-radio-1.handlebars +1 -0
- package/app/assets/markup/toolkit/input-text-1.handlebars +1 -0
- package/app/assets/markup/toolkit/label-1.handlebars +1 -0
- package/app/assets/markup/toolkit/legend-1.handlebars +1 -0
- package/app/assets/markup/toolkit/list-1.handlebars +1 -0
- package/app/assets/markup/toolkit/modal-1.handlebars +4 -0
- package/app/assets/markup/toolkit/nav-1.handlebars +1 -0
- package/app/assets/markup/toolkit/picture-1.handlebars +1 -0
- package/app/assets/markup/toolkit/select-1.handlebars +1 -0
- package/app/assets/markup/toolkit/table-1.handlebars +1 -0
- package/app/assets/markup/toolkit/text-1.handlebars +1 -0
- package/app/assets/markup/toolkit/textarea-1.handlebars +1 -0
- package/app/assets/markup/toolkit/youtube-player-1.handlebars +1 -0
- package/app/assets/script/api/facebook.ts +41 -0
- package/app/assets/script/api/youtube.ts +22 -0
- package/app/assets/script/index.ts +2 -0
- package/app/assets/script/mediator/global.ts +4 -0
- package/app/assets/script/model/singletons/countries.ts +5 -0
- package/app/assets/script/model/singletons/global.ts +5 -0
- package/app/assets/script/model/singletons/states.ts +5 -0
- package/app/assets/script/model/user.ts +4 -0
- package/app/assets/script/toolkit.ts +11 -0
- package/app/assets/script/types.d.ts +16 -0
- package/app/assets/script/utility/ajax.ts +15 -0
- package/app/assets/script/utility/form.ts +119 -0
- package/app/assets/script/utility/{regex.js → regex.ts} +15 -6
- package/app/assets/script/utility/share.ts +77 -0
- package/app/assets/script/utility/string.ts +148 -0
- package/app/assets/script/view/default.tsx +14 -0
- package/app/assets/script/view/toolkit/youtube-player-1.ts +31 -0
- package/app/assets/style/base/_toolkit.scss +31 -15
- package/app/assets/style/base/components/_modal-1.scss +80 -0
- package/app/assets/style/base/components/_sticky-1.scss +19 -0
- package/app/assets/style/base/components/_tabpanel-1.scss +115 -0
- package/app/assets/style/base/components/_tabpanel-2.scss +64 -0
- package/app/assets/style/base/components/_tabpanel-base-1.scss +13 -0
- package/app/assets/style/base/components/_youtube-player-1.scss +16 -0
- package/app/assets/style/base/elements/_anchors.scss +12 -0
- package/app/assets/style/base/elements/_buttons.scss +15 -0
- package/app/assets/style/base/elements/_fieldsets.scss +9 -0
- package/app/assets/style/base/elements/_images.scss +6 -2
- package/app/assets/style/base/elements/_inputs.scss +70 -0
- package/app/assets/style/base/elements/_labels.scss +8 -0
- package/app/assets/style/base/elements/_landmarks.scss +3 -0
- package/app/assets/style/base/elements/_legends.scss +11 -0
- package/app/assets/style/base/elements/_lists.scss +8 -1
- package/app/assets/style/base/elements/_tables.scss +32 -1
- package/app/assets/style/base/layouts/_staggered-1.scss +29 -0
- package/app/assets/style/base/type/_fonts.scss +39 -1
- package/app/assets/style/base/type/_headings.scss +29 -0
- package/app/assets/style/base/type/_text.scss +2 -0
- package/app/assets/style/base/utilities/_accessibility.scss +5 -2
- package/app/assets/style/base/utilities/_functions.scss +62 -9
- package/app/assets/style/global.scss +108 -10
- package/app/assets/style/print.scss +2 -3
- package/app/assets/style/toolkit.scss +387 -0
- package/app/index.hbs +21 -0
- package/app/package.json +1 -0
- package/app/toolkit/colors.hbs +102 -0
- package/app/toolkit/components.hbs +261 -0
- package/app/toolkit/elements.hbs +497 -0
- package/app/toolkit/grids.hbs +413 -0
- package/app/toolkit/icons.hbs +87 -0
- package/app/toolkit/index.hbs +144 -0
- package/app/toolkit/type.hbs +120 -0
- package/dist/app/assets/data/coutries.json +992 -0
- package/dist/app/assets/data/states.json +204 -0
- package/dist/app/assets/script/api/facebook.d.ts +8 -0
- package/dist/app/assets/script/api/facebook.js +42 -0
- package/dist/app/assets/script/api/facebook.js.map +1 -0
- package/dist/app/assets/script/api/youtube.d.ts +8 -0
- package/dist/app/assets/script/api/youtube.js +22 -0
- package/dist/app/assets/script/api/youtube.js.map +1 -0
- package/dist/app/assets/script/index.d.ts +2 -0
- package/dist/app/assets/script/index.js +2 -0
- package/dist/app/assets/script/index.js.map +1 -0
- package/dist/app/assets/script/mediator/global.d.ts +4 -0
- package/dist/app/assets/script/mediator/global.js +4 -0
- package/dist/app/assets/script/mediator/global.js.map +1 -0
- package/dist/app/assets/script/model/singletons/countries.d.ts +20 -0
- package/dist/app/assets/script/model/singletons/countries.js +5 -0
- package/dist/app/assets/script/model/singletons/countries.js.map +1 -0
- package/dist/app/assets/script/model/singletons/global.d.ts +20 -0
- package/dist/app/assets/script/model/singletons/global.js +5 -0
- package/dist/app/assets/script/model/singletons/global.js.map +1 -0
- package/dist/app/assets/script/model/singletons/states.d.ts +20 -0
- package/dist/app/assets/script/model/singletons/states.js +5 -0
- package/dist/app/assets/script/model/singletons/states.js.map +1 -0
- package/dist/app/assets/script/model/user.d.ts +4 -0
- package/dist/app/assets/script/model/user.js +6 -0
- package/dist/app/assets/script/model/user.js.map +1 -0
- package/dist/app/assets/script/toolkit.d.ts +1 -0
- package/dist/app/assets/script/toolkit.js +7 -0
- package/dist/app/assets/script/toolkit.js.map +1 -0
- package/dist/app/assets/script/utility/ajax.d.ts +8 -0
- package/dist/app/assets/script/utility/ajax.js +17 -0
- package/dist/app/assets/script/utility/ajax.js.map +1 -0
- package/dist/app/assets/script/utility/form.d.ts +64 -0
- package/dist/app/assets/script/utility/form.js +111 -0
- package/dist/app/assets/script/utility/form.js.map +1 -0
- package/dist/app/assets/script/utility/regex.d.ts +14 -0
- package/dist/app/assets/script/utility/regex.js +27 -0
- package/dist/app/assets/script/utility/regex.js.map +1 -0
- package/dist/app/assets/script/utility/share.d.ts +68 -0
- package/dist/app/assets/script/utility/share.js +81 -0
- package/dist/app/assets/script/utility/share.js.map +1 -0
- package/dist/app/assets/script/utility/string.d.ts +64 -0
- package/dist/app/assets/script/utility/string.js +135 -0
- package/dist/app/assets/script/utility/string.js.map +1 -0
- package/dist/app/assets/script/view/default.d.ts +11 -0
- package/dist/app/assets/script/view/default.js +15 -0
- package/dist/app/assets/script/view/default.js.map +1 -0
- package/dist/app/assets/script/view/toolkit/youtube-player-1.d.ts +23 -0
- package/dist/app/assets/script/view/toolkit/youtube-player-1.js +32 -0
- package/dist/app/assets/script/view/toolkit/youtube-player-1.js.map +1 -0
- package/dist/generators/app/index.d.ts +18 -0
- package/dist/generators/app/index.js +59 -0
- package/dist/generators/app/index.js.map +1 -0
- package/dist/scripts/build.d.ts +22 -0
- package/dist/scripts/build.js +158 -0
- package/dist/scripts/build.js.map +1 -0
- package/generators/app/index.js +2 -43
- package/generators/app/index.ts +61 -0
- package/package.json +78 -109
- package/scripts/build.ts +175 -0
- package/tsconfig.site.json +26 -0
- package/.babelrc +0 -7
- package/.editorconfig +0 -13
- package/.eslintrc +0 -64
- package/.htmllintrc +0 -6
- package/.npmignore +0 -12
- package/.sass-lint.yml +0 -16
- package/.travis.yml +0 -18
- package/app/assets/font/opensans/generator_config.txt +0 -5
- package/app/assets/font/opensans/opensans-bold-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-bold-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-bold-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-bold-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-bolditalic-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-bolditalic-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-bolditalic-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-bolditalic-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-extrabold-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-extrabold-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-extrabold-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-extrabold-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-extrabolditalic-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-extrabolditalic-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-extrabolditalic-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-extrabolditalic-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-italic-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-italic-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-italic-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-italic-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-light-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-light-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-light-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-light-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-lightitalic-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-lightitalic-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-lightitalic-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-lightitalic-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-regular-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-regular-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-regular-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-regular-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-semibold-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-semibold-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-semibold-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-semibold-webfont.woff +0 -0
- package/app/assets/font/opensans/opensans-semibolditalic-webfont.eot +0 -0
- package/app/assets/font/opensans/opensans-semibolditalic-webfont.svg +0 -1824
- package/app/assets/font/opensans/opensans-semibolditalic-webfont.ttf +0 -0
- package/app/assets/font/opensans/opensans-semibolditalic-webfont.woff +0 -0
- package/app/assets/font/opensans/specimen_files/grid_12-825-55-15.css +0 -129
- package/app/assets/font/opensans/specimen_files/specimen_stylesheet.css +0 -396
- package/app/assets/script/index.js +0 -11
- package/app/assets/script/mediator/global.js +0 -5
- package/app/assets/script/model/singletons/countries.js +0 -6
- package/app/assets/script/model/singletons/global.js +0 -6
- package/app/assets/script/model/singletons/states.js +0 -6
- package/app/assets/script/model/user.js +0 -5
- package/app/assets/script/utility/form.js +0 -86
- package/app/assets/script/utility/share.js +0 -52
- package/app/assets/script/utility/string.js +0 -70
- package/app/assets/script/view/default.js +0 -11
- package/app/assets/style/base/vendor/_foundation.scss +0 -2
- package/app/assets/test/spec/shareSpec.js +0 -137
- package/app/index.html +0 -43
- package/app/report/istanbul/base.css +0 -213
- package/app/report/istanbul/index.html +0 -93
- package/app/report/istanbul/prettify.css +0 -1
- package/app/report/istanbul/prettify.js +0 -1
- package/app/report/istanbul/sort-arrow-sprite.png +0 -0
- package/app/report/istanbul/sorter.js +0 -158
- package/app/report/istanbul/utility/form.js.html +0 -524
- package/app/report/istanbul/utility/index.html +0 -132
- package/app/report/istanbul/utility/regex.js.html +0 -203
- package/app/report/istanbul/utility/share.js.html +0 -401
- package/app/report/istanbul/utility/string.js.html +0 -446
- package/app/report/jsdoc/DragEvent.html +0 -303
- package/app/report/jsdoc/Event.html +0 -773
- package/app/report/jsdoc/EventPropagators.html +0 -336
- package/app/report/jsdoc/FocusEvent.html +0 -303
- package/app/report/jsdoc/ForEachBookKeeping.html +0 -425
- package/app/report/jsdoc/KeyboardEvent.html +0 -303
- package/app/report/jsdoc/MapBookKeeping.html +0 -457
- package/app/report/jsdoc/MouseEvent.html +0 -303
- package/app/report/jsdoc/ReactClass.html +0 -330
- package/app/report/jsdoc/ReactClassInterface.html +0 -311
- package/app/report/jsdoc/ReactDOMComponent.html +0 -349
- package/app/report/jsdoc/ReactDOMTextComponent.html +0 -348
- package/app/report/jsdoc/ReactMountReady.html +0 -340
- package/app/report/jsdoc/ReactMultiChild.html +0 -330
- package/app/report/jsdoc/ReactOwner.html +0 -351
- package/app/report/jsdoc/ReactReconcileTransaction.html +0 -342
- package/app/report/jsdoc/ReactServerRenderingTransaction.html +0 -376
- package/app/report/jsdoc/ReactServerUpdateQueue.html +0 -382
- package/app/report/jsdoc/TouchEvent.html +0 -303
- package/app/report/jsdoc/Transaction.html +0 -459
- package/app/report/jsdoc/UIEvent.html +0 -303
- package/app/report/jsdoc/WheelEvent.html +0 -303
- package/app/report/jsdoc/classes.list.html +0 -339
- package/app/report/jsdoc/fonts/glyphicons-halflings-regular.eot +0 -0
- package/app/report/jsdoc/fonts/glyphicons-halflings-regular.svg +0 -288
- package/app/report/jsdoc/fonts/glyphicons-halflings-regular.ttf +0 -0
- package/app/report/jsdoc/fonts/glyphicons-halflings-regular.woff +0 -0
- package/app/report/jsdoc/fonts/glyphicons-halflings-regular.woff2 +0 -0
- package/app/report/jsdoc/global.html +0 -1653
- package/app/report/jsdoc/img/glyphicons-halflings-white.png +0 -0
- package/app/report/jsdoc/img/glyphicons-halflings.png +0 -0
- package/app/report/jsdoc/index.html +0 -236
- package/app/report/jsdoc/interfaces.list.html +0 -339
- package/app/report/jsdoc/quicksearch.html +0 -31
- package/app/report/jsdoc/scripts/docstrap.lib.js +0 -11
- package/app/report/jsdoc/scripts/fulltext-search-ui.js +0 -89
- package/app/report/jsdoc/scripts/fulltext-search.js +0 -36
- package/app/report/jsdoc/scripts/lunr.min.js +0 -6
- package/app/report/jsdoc/scripts/prettify/Apache-License-2.0.txt +0 -202
- package/app/report/jsdoc/scripts/prettify/jquery.min.js +0 -6
- package/app/report/jsdoc/scripts/prettify/lang-css.js +0 -21
- package/app/report/jsdoc/scripts/prettify/prettify.js +0 -496
- package/app/report/jsdoc/scripts/sunlight.js +0 -1157
- package/app/report/jsdoc/scripts/toc.js +0 -203
- package/app/report/jsdoc/styles/darkstrap.css +0 -960
- package/app/report/jsdoc/styles/prettify-tomorrow.css +0 -132
- package/app/report/jsdoc/styles/site.cerulean.css +0 -7008
- package/app/report/jsdoc/styles/site.cosmo.css +0 -7061
- package/app/report/jsdoc/styles/site.cyborg.css +0 -7048
- package/app/report/jsdoc/styles/site.darkly.css +0 -7171
- package/app/report/jsdoc/styles/site.darkstrap.css +0 -5638
- package/app/report/jsdoc/styles/site.dibs-bootstrap.css +0 -5899
- package/app/report/jsdoc/styles/site.flatly.css +0 -7147
- package/app/report/jsdoc/styles/site.journal.css +0 -6973
- package/app/report/jsdoc/styles/site.lumen.css +0 -7298
- package/app/report/jsdoc/styles/site.paper.css +0 -7623
- package/app/report/jsdoc/styles/site.readable.css +0 -6997
- package/app/report/jsdoc/styles/site.sandstone.css +0 -7035
- package/app/report/jsdoc/styles/site.simplex.css +0 -7023
- package/app/report/jsdoc/styles/site.slate.css +0 -7343
- package/app/report/jsdoc/styles/site.spacelab.css +0 -7055
- package/app/report/jsdoc/styles/site.superhero.css +0 -7131
- package/app/report/jsdoc/styles/site.united.css +0 -6895
- package/app/report/jsdoc/styles/site.yeti.css +0 -7195
- package/app/report/jsdoc/styles/sunlight.dark.css +0 -345
- package/app/report/jsdoc/styles/sunlight.default.css +0 -344
- package/gulp/config.js +0 -207
- package/gulp/tasks/accessibility.js +0 -34
- package/gulp/tasks/build.js +0 -18
- package/gulp/tasks/clean.js +0 -18
- package/gulp/tasks/data.js +0 -22
- package/gulp/tasks/default.js +0 -9
- package/gulp/tasks/deploy.js +0 -222
- package/gulp/tasks/documentation.js +0 -28
- package/gulp/tasks/markup.js +0 -26
- package/gulp/tasks/script.js +0 -92
- package/gulp/tasks/style.js +0 -42
- package/gulp/tasks/unit.js +0 -38
- package/gulp/tasks/watch.js +0 -77
- package/gulpfile.js +0 -8
- package/jsdoc.json +0 -23
- package/karma.conf.js +0 -58
|
@@ -0,0 +1,413 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html id="toolkit-grid" lang="en-US" dir="ltr">
|
|
3
|
+
{{> element/head secondaryCSS='toolkit'}}
|
|
4
|
+
<body itemscope itemtype="http://schema.org/WebPage">
|
|
5
|
+
|
|
6
|
+
<div id="wrapper">
|
|
7
|
+
|
|
8
|
+
{{>toolkit/accessibility-skip-to-element-1 id='skip-to-content' url='#main' title='skip to content'}}
|
|
9
|
+
|
|
10
|
+
<header class="toolkit-header-1">
|
|
11
|
+
<button aria-expanded="false">main menu toggle</button>
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col-12">
|
|
14
|
+
<a href="{{www}}toolkit">Digital Toolkit</a>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</header>
|
|
18
|
+
|
|
19
|
+
<div class="sticky-1">
|
|
20
|
+
<div class="sticky-1-wrapper">
|
|
21
|
+
<nav class="toolkit-nav-1" tabindex="-1">
|
|
22
|
+
<a href="{{www}}toolkit">Home</a>
|
|
23
|
+
<a class="selected" href="{{www}}toolkit/grids.html">Grids</a>
|
|
24
|
+
<a href="{{www}}toolkit/colors.html">Colors</a>
|
|
25
|
+
<a href="{{www}}toolkit/type.html">Type</a>
|
|
26
|
+
<a href="{{www}}toolkit/icons.html">Icons</a>
|
|
27
|
+
<a href="{{www}}toolkit/elements.html">Elements</a>
|
|
28
|
+
<a href="{{www}}toolkit/components.html">Components</a>
|
|
29
|
+
</nav>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<main id="main" tabindex="-1">
|
|
34
|
+
<section>
|
|
35
|
+
<h1 class="toolkit-heading-1">Layouts</h1>
|
|
36
|
+
<div class="row">
|
|
37
|
+
<div class="col-12">
|
|
38
|
+
<h2 class="toolkit-heading-2">Grids</h2>
|
|
39
|
+
<h3 class="toolkit-heading-3">row</h3>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="toolkit-grid-1">
|
|
43
|
+
<div class="row">
|
|
44
|
+
.row
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="row">
|
|
48
|
+
<div class="col-12">
|
|
49
|
+
<h3 class="toolkit-heading-3">Small</h3>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="toolkit-grid-1">
|
|
53
|
+
<div class="row">
|
|
54
|
+
<div class="col-2">.col-2</div>
|
|
55
|
+
<div class="col-10">.col-10</div>
|
|
56
|
+
</div>
|
|
57
|
+
<div class="row">
|
|
58
|
+
<div class="col-3">.col-3</div>
|
|
59
|
+
<div class="col-9">.col-9</div>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="row">
|
|
62
|
+
<div class="col-4">.col-4</div>
|
|
63
|
+
<div class="col-8">.col-8</div>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="row">
|
|
66
|
+
<div class="col-5">.col-5</div>
|
|
67
|
+
<div class="col-7">.col-7</div>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="row">
|
|
70
|
+
<div class="col-6">.col-6</div>
|
|
71
|
+
<div class="col-6">.col-6</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="row">
|
|
74
|
+
<div class="col-7">.col-7</div>
|
|
75
|
+
<div class="col-5">.col-5</div>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="row">
|
|
78
|
+
<div class="col-8">.col-8</div>
|
|
79
|
+
<div class="col-4">.col-4</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="row">
|
|
82
|
+
<div class="col-9">.col-9</div>
|
|
83
|
+
<div class="col-3">.col-3</div>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="row">
|
|
86
|
+
<div class="col-10">.col-10</div>
|
|
87
|
+
<div class="col-2">.col-2</div>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="row">
|
|
90
|
+
<div class="col-12">.col-12</div>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="row">
|
|
93
|
+
<div class="col-6">.col-6</div>
|
|
94
|
+
<div class="col-6">.col-6</div>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="row">
|
|
97
|
+
<div class="col-4">.col-4</div>
|
|
98
|
+
<div class="col-4">.col-4</div>
|
|
99
|
+
<div class="col-4">.col-4</div>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="row">
|
|
102
|
+
<div class="col-3">.col-3</div>
|
|
103
|
+
<div class="col-3">.col-3</div>
|
|
104
|
+
<div class="col-3">.col-3</div>
|
|
105
|
+
<div class="col-3">.col-3</div>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="row">
|
|
108
|
+
<div class="col-2">.col-2</div>
|
|
109
|
+
<div class="col-2">.col-2</div>
|
|
110
|
+
<div class="col-2">.col-2</div>
|
|
111
|
+
<div class="col-2">.col-2</div>
|
|
112
|
+
<div class="col-2">.col-2</div>
|
|
113
|
+
<div class="col-2">.col-2</div>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
<div class="row">
|
|
117
|
+
<div class="col-12">
|
|
118
|
+
<h3 class="toolkit-heading-3">Medium</h3>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="toolkit-grid-1">
|
|
122
|
+
<div class="row">
|
|
123
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
124
|
+
<div class="col-12 col-md-10">.col-md-10</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="row">
|
|
127
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
128
|
+
<div class="col-12 col-md-9">.col-md-9</div>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="row">
|
|
131
|
+
<div class="col-12 col-md-4">.col-md-4</div>
|
|
132
|
+
<div class="col-12 col-md-8">.col-md-8</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="row">
|
|
135
|
+
<div class="col-12 col-md-5">.col-md-5</div>
|
|
136
|
+
<div class="col-12 col-md-7">.col-md-7</div>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="row">
|
|
139
|
+
<div class="col-12 col-md-6">.col-md-6</div>
|
|
140
|
+
<div class="col-12 col-md-6">.col-md-6</div>
|
|
141
|
+
</div>
|
|
142
|
+
<div class="row">
|
|
143
|
+
<div class="col-12 col-md-7">.col-md-7</div>
|
|
144
|
+
<div class="col-12 col-md-5">.col-md-5</div>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="row">
|
|
147
|
+
<div class="col-12 col-md-8">.col-md-8</div>
|
|
148
|
+
<div class="col-12 col-md-4">.col-md-4</div>
|
|
149
|
+
</div>
|
|
150
|
+
<div class="row">
|
|
151
|
+
<div class="col-12 col-md-9">.col-md-9</div>
|
|
152
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="row">
|
|
155
|
+
<div class="col-12 col-md-10">.col-md-10</div>
|
|
156
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
157
|
+
</div>
|
|
158
|
+
<div class="row">
|
|
159
|
+
<div class="col-12 col-md-12">.col-md-12</div>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="row">
|
|
162
|
+
<div class="col-12 col-md-6">.col-md-6</div>
|
|
163
|
+
<div class="col-12 col-md-6">.col-md-6</div>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="row">
|
|
166
|
+
<div class="col-12 col-md-4">.col-md-4</div>
|
|
167
|
+
<div class="col-12 col-md-4">.col-md-4</div>
|
|
168
|
+
<div class="col-12 col-md-4">.col-md-4</div>
|
|
169
|
+
</div>
|
|
170
|
+
<div class="row">
|
|
171
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
172
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
173
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
174
|
+
<div class="col-12 col-md-3">.col-md-3</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div class="row">
|
|
177
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
178
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
179
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
180
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
181
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
182
|
+
<div class="col-12 col-md-2">.col-md-2</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
<div class="row">
|
|
186
|
+
<div class="col-12">
|
|
187
|
+
<h3 class="toolkit-heading-3">Large</h3>
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="toolkit-grid-1">
|
|
191
|
+
<div class="row">
|
|
192
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
193
|
+
<div class="col-12 col-md-12 col-lg-10">.col-lg-10</div>
|
|
194
|
+
</div>
|
|
195
|
+
<div class="row">
|
|
196
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
197
|
+
<div class="col-12 col-md-12 col-lg-9">.col-lg-9</div>
|
|
198
|
+
</div>
|
|
199
|
+
<div class="row">
|
|
200
|
+
<div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
|
|
201
|
+
<div class="col-12 col-md-12 col-lg-8">.col-lg-8</div>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="row">
|
|
204
|
+
<div class="col-12 col-md-12 col-lg-5">.col-lg-5</div>
|
|
205
|
+
<div class="col-12 col-md-12 col-lg-7">.col-lg-7</div>
|
|
206
|
+
</div>
|
|
207
|
+
<div class="row">
|
|
208
|
+
<div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
|
|
209
|
+
<div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="row">
|
|
212
|
+
<div class="col-12 col-md-12 col-lg-7">.col-lg-7</div>
|
|
213
|
+
<div class="col-12 col-md-12 col-lg-5">.col-lg-5</div>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="row">
|
|
216
|
+
<div class="col-12 col-md-12 col-lg-8">.col-lg-8</div>
|
|
217
|
+
<div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
|
|
218
|
+
</div>
|
|
219
|
+
<div class="row">
|
|
220
|
+
<div class="col-12 col-md-12 col-lg-9">.col-lg-9</div>
|
|
221
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="row">
|
|
224
|
+
<div class="col-12 col-md-12 col-lg-10">.col-lg-10</div>
|
|
225
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="row">
|
|
228
|
+
<div class="col-12 col-md-12 col-lg-12">.col-lg-12</div>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="row">
|
|
231
|
+
<div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
|
|
232
|
+
<div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
|
|
233
|
+
</div>
|
|
234
|
+
<div class="row">
|
|
235
|
+
<div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
|
|
236
|
+
<div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
|
|
237
|
+
<div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="row">
|
|
240
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
241
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
242
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
243
|
+
<div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
|
|
244
|
+
</div>
|
|
245
|
+
<div class="row">
|
|
246
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
247
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
248
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
249
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
250
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
251
|
+
<div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
254
|
+
<div class="row">
|
|
255
|
+
<div class="col-12">
|
|
256
|
+
<h3 class="toolkit-heading-3">staggered-1</h3>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
259
|
+
<div class="toolkit-grid-1">
|
|
260
|
+
<div class="staggered-1 row">
|
|
261
|
+
<div>
|
|
262
|
+
<div>
|
|
263
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
264
|
+
Sed feugiat consectetur pellentesque. Nam ac elit risus,
|
|
265
|
+
ac blandit dui. Duis rutrum porta tortor ut convallis.
|
|
266
|
+
Duis rutrum porta tortor ut convallis.
|
|
267
|
+
</div>
|
|
268
|
+
<div>
|
|
269
|
+
Donec a fermentum nisi.
|
|
270
|
+
</div>
|
|
271
|
+
<div>
|
|
272
|
+
Nullam eget lectus augue. Donec eu sem sit amet ligula
|
|
273
|
+
faucibus suscipit. Suspendisse rutrum turpis quis nunc
|
|
274
|
+
convallis quis aliquam mauris suscipit.
|
|
275
|
+
</div>
|
|
276
|
+
<div>
|
|
277
|
+
Nullam eget lectus augue. Donec eu sem sit amet ligula
|
|
278
|
+
faucibus suscipit. Suspendisse rutrum turpis quis nunc
|
|
279
|
+
convallis quis aliquam mauris suscipit.
|
|
280
|
+
</div>
|
|
281
|
+
<div>
|
|
282
|
+
Donec a fermentum nisi. Integer dolor est, commodo ut
|
|
283
|
+
sagittis vitae, egestas at augue.
|
|
284
|
+
</div>
|
|
285
|
+
<div>
|
|
286
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
287
|
+
Sed feugiat consectetur pellentesque. Nam ac elit risus,
|
|
288
|
+
ac blandit dui. Duis rutrum porta tortor ut convallis.
|
|
289
|
+
Duis rutrum porta tortor ut convallis.
|
|
290
|
+
</div>
|
|
291
|
+
<div>
|
|
292
|
+
Nullam eget lectus augue. Donec eu sem sit amet ligula
|
|
293
|
+
faucibus suscipit. Suspendisse rutrum turpis quis nunc
|
|
294
|
+
convallis quis aliquam mauris suscipit.
|
|
295
|
+
Duis rutrum porta tortor ut convallis.
|
|
296
|
+
</div>
|
|
297
|
+
<div>
|
|
298
|
+
Nullam eget lectus augue.
|
|
299
|
+
</div>
|
|
300
|
+
<div>
|
|
301
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
302
|
+
Sed feugiat consectetur pellentesque.
|
|
303
|
+
</div>
|
|
304
|
+
<div>
|
|
305
|
+
Donec a fermentum nisi. Integer dolor est, commodo ut
|
|
306
|
+
sagittis vitae, egestas at augue. Suspendisse id nulla
|
|
307
|
+
ac urna vestibulum mattis. Duis rutrum porta tortor ut convallis.
|
|
308
|
+
</div>
|
|
309
|
+
<div>
|
|
310
|
+
Donec a fermentum nisi. Integer dolor est, commodo ut
|
|
311
|
+
sagittis vitae, egestas at augue. Suspendisse id nulla
|
|
312
|
+
ac urna vestibulum mattis.
|
|
313
|
+
</div>
|
|
314
|
+
<div>
|
|
315
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
316
|
+
Sed feugiat consectetur pellentesque. Nam ac elit risus,
|
|
317
|
+
ac blandit dui. Duis rutrum porta tortor ut convallis.
|
|
318
|
+
</div>
|
|
319
|
+
<div>
|
|
320
|
+
Donec a fermentum nisi. Integer dolor est, commodo ut
|
|
321
|
+
sagittis vitae, egestas at augue. Suspendisse id nulla
|
|
322
|
+
ac urna vestibulum mattis.
|
|
323
|
+
</div>
|
|
324
|
+
<div>
|
|
325
|
+
Donec a fermentum nisi. Integer dolor est, commodo ut
|
|
326
|
+
sagittis vitae, egestas at augue. Suspendisse id nulla
|
|
327
|
+
ac urna vestibulum mattis.
|
|
328
|
+
</div>
|
|
329
|
+
<div>
|
|
330
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
331
|
+
Sed feugiat consectetur pellentesque. Nam ac elit risus,
|
|
332
|
+
ac blandit dui. Duis rutrum porta tortor ut convallis.
|
|
333
|
+
</div>
|
|
334
|
+
</div>
|
|
335
|
+
</div>
|
|
336
|
+
</div>
|
|
337
|
+
<div class="row">
|
|
338
|
+
<div class="col-12">
|
|
339
|
+
<h4 class="toolkit-heading-4">Source Code</h4>
|
|
340
|
+
<ul class="list-1">
|
|
341
|
+
<li>style: <a href="{{webRepo}}app/assets/style/base/layouts/_staggered-1.scss">_staggered-1.scss</a></li>
|
|
342
|
+
</ul>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
345
|
+
<hr class="toolkit-rule-1">
|
|
346
|
+
<div class="row">
|
|
347
|
+
<div class="col-12">
|
|
348
|
+
<h2 class="toolkit-heading-2">Panels</h2>
|
|
349
|
+
<h3 class="toolkit-heading-3">panels-1</h3>
|
|
350
|
+
</div>
|
|
351
|
+
</div>
|
|
352
|
+
<div class="panels-1 toolkit-panels-1">
|
|
353
|
+
<section class="panel panel-1 panel-scrollable">
|
|
354
|
+
<div class="panel-content">
|
|
355
|
+
panel 1
|
|
356
|
+
</div>
|
|
357
|
+
</section>
|
|
358
|
+
<section class="panel panel-2">
|
|
359
|
+
<div class="panel-content">
|
|
360
|
+
panel 2
|
|
361
|
+
</div>
|
|
362
|
+
</section>
|
|
363
|
+
<section class="panel panel-3">
|
|
364
|
+
<div class="panel-content">
|
|
365
|
+
panel 3
|
|
366
|
+
</div>
|
|
367
|
+
</section>
|
|
368
|
+
<section class="panel panel-4">
|
|
369
|
+
<div class="panel-content">
|
|
370
|
+
panel 4
|
|
371
|
+
</div>
|
|
372
|
+
</section>
|
|
373
|
+
<section class="panel panel-5">
|
|
374
|
+
<div class="panel-content">
|
|
375
|
+
panel 5
|
|
376
|
+
</div>
|
|
377
|
+
</section>
|
|
378
|
+
<section class="panel panel-6">
|
|
379
|
+
<div class="panel-content">
|
|
380
|
+
panel 6
|
|
381
|
+
</div>
|
|
382
|
+
</section>
|
|
383
|
+
</div>
|
|
384
|
+
<div class="row">
|
|
385
|
+
<div class="col-12">
|
|
386
|
+
<h4 class="toolkit-heading-4">Source Code</h4>
|
|
387
|
+
<ul class="list-1">
|
|
388
|
+
<li>style: <a href="{{webRepo}}app/assets/style/base/components/_panels-1.scss">_panels-1.scss</a></li>
|
|
389
|
+
<li>script: <a href="{{webRepo}}app/assets/script/view/toolkit/components/panels-1.js">panels-1.js</a></li>
|
|
390
|
+
</ul>
|
|
391
|
+
</div>
|
|
392
|
+
</div>
|
|
393
|
+
</section>
|
|
394
|
+
</main>
|
|
395
|
+
|
|
396
|
+
<hr class="toolkit-rule-1">
|
|
397
|
+
|
|
398
|
+
{{>toolkit/footer-1}}
|
|
399
|
+
|
|
400
|
+
</div>
|
|
401
|
+
|
|
402
|
+
{{#if scripts.global}}
|
|
403
|
+
{{> element/script script=scripts.global}}
|
|
404
|
+
{{/if}}
|
|
405
|
+
{{#if scripts.section}}
|
|
406
|
+
{{> element/script script=scripts.section}}
|
|
407
|
+
{{/if}}
|
|
408
|
+
{{#if scripts.page}}
|
|
409
|
+
{{> element/script script=scripts.page}}
|
|
410
|
+
{{/if}}
|
|
411
|
+
|
|
412
|
+
</body>
|
|
413
|
+
</html>
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html id="toolkit-colors" lang="en-US" dir="ltr">
|
|
3
|
+
{{> element/head secondaryCSS='toolkit'}}
|
|
4
|
+
<body itemscope itemtype="http://schema.org/WebPage">
|
|
5
|
+
|
|
6
|
+
<div id="wrapper">
|
|
7
|
+
|
|
8
|
+
{{>toolkit/accessibility-skip-to-element-1 id='skip-to-content' url='#main' title='skip to content'}}
|
|
9
|
+
|
|
10
|
+
<header class="toolkit-header-1">
|
|
11
|
+
<button aria-expanded="false">main menu toggle</button>
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col-12">
|
|
14
|
+
<a href="{{www}}toolkit">Digital Toolkit</a>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</header>
|
|
18
|
+
|
|
19
|
+
<div class="sticky-1">
|
|
20
|
+
<div class="sticky-1-wrapper">
|
|
21
|
+
<nav class="toolkit-nav-1" tabindex="-1">
|
|
22
|
+
<a href="{{www}}toolkit">Home</a>
|
|
23
|
+
<a href="{{www}}toolkit/grids.html">Grids</a>
|
|
24
|
+
<a href="{{www}}toolkit/colors.html">Colors</a>
|
|
25
|
+
<a href="{{www}}toolkit/type.html">Type</a>
|
|
26
|
+
<a class="selected" href="{{www}}toolkit/icons.html">Icons</a>
|
|
27
|
+
<a href="{{www}}toolkit/elements.html">Elements</a>
|
|
28
|
+
<a href="{{www}}toolkit/components.html">Components</a>
|
|
29
|
+
</nav>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<main id="main" tabindex="-1">
|
|
34
|
+
<section>
|
|
35
|
+
<h1 class="toolkit-heading-1">Sprites</h1>
|
|
36
|
+
<div class="row">
|
|
37
|
+
<div class="col-12">
|
|
38
|
+
<table class="table-1">
|
|
39
|
+
<caption>sprite contents</caption>
|
|
40
|
+
<thead>
|
|
41
|
+
<tr>
|
|
42
|
+
<th scope="col">image</th>
|
|
43
|
+
<th scope="col">scss</th>
|
|
44
|
+
</tr>
|
|
45
|
+
</thead>
|
|
46
|
+
<tbody>
|
|
47
|
+
<tr>
|
|
48
|
+
<td><span class="toolkit-graphic-css3-1">css3 graphic</span></td>
|
|
49
|
+
<td>%graphic-css3</td>
|
|
50
|
+
</tr>
|
|
51
|
+
<tr>
|
|
52
|
+
<td><span class="toolkit-graphic-html5-1">html5 graphic</span></td>
|
|
53
|
+
<td>%graphic-html5</td>
|
|
54
|
+
</tr>
|
|
55
|
+
</tbody>
|
|
56
|
+
<tfoot>
|
|
57
|
+
<tr>
|
|
58
|
+
<td colspan="2">
|
|
59
|
+
<p><strong>Source Code</strong></p>
|
|
60
|
+
<p>style: <a href="{{webRepo}}app/assets/style/base/sprites/_sprites.scss">_sprites.scss</a></p>
|
|
61
|
+
</td>
|
|
62
|
+
</tr>
|
|
63
|
+
</tfoot>
|
|
64
|
+
</table>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</section>
|
|
68
|
+
</main>
|
|
69
|
+
|
|
70
|
+
<hr class="toolkit-rule-1">
|
|
71
|
+
|
|
72
|
+
{{>toolkit/footer-1}}
|
|
73
|
+
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
{{#if scripts.global}}
|
|
77
|
+
{{> element/script script=scripts.global}}
|
|
78
|
+
{{/if}}
|
|
79
|
+
{{#if scripts.section}}
|
|
80
|
+
{{> element/script script=scripts.section}}
|
|
81
|
+
{{/if}}
|
|
82
|
+
{{#if scripts.page}}
|
|
83
|
+
{{> element/script script=scripts.page}}
|
|
84
|
+
{{/if}}
|
|
85
|
+
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html id="toolkit" lang="en-US" dir="ltr">
|
|
3
|
+
{{> element/head secondaryCSS='toolkit'}}
|
|
4
|
+
<body itemscope itemtype="http://schema.org/WebPage">
|
|
5
|
+
|
|
6
|
+
<div id="wrapper">
|
|
7
|
+
|
|
8
|
+
{{>toolkit/accessibility-skip-to-element-1 id='skip-to-content' url='#main' title='skip to content'}}
|
|
9
|
+
|
|
10
|
+
<header class="toolkit-header-1">
|
|
11
|
+
<button aria-expanded="false">main menu toggle</button>
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col-12">
|
|
14
|
+
<a href="{{www}}toolkit">Digital Toolkit</a>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</header>
|
|
18
|
+
|
|
19
|
+
<div class="sticky-1">
|
|
20
|
+
<div class="sticky-1-wrapper">
|
|
21
|
+
<nav class="toolkit-nav-1" tabindex="-1">
|
|
22
|
+
<a class="selected" href="{{www}}toolkit">Home</a>
|
|
23
|
+
<a href="{{www}}toolkit/grids.html">Grids</a>
|
|
24
|
+
<a href="{{www}}toolkit/colors.html">Colors</a>
|
|
25
|
+
<a href="{{www}}toolkit/type.html">Type</a>
|
|
26
|
+
<a href="{{www}}toolkit/icons.html">Icons</a>
|
|
27
|
+
<a href="{{www}}toolkit/elements.html">Elements</a>
|
|
28
|
+
<a href="{{www}}toolkit/components.html">Components</a>
|
|
29
|
+
</nav>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<main id="main" tabindex="-1">
|
|
34
|
+
<section>
|
|
35
|
+
<h1 class="toolkit-heading-1">Overview</h1>
|
|
36
|
+
<div class="row">
|
|
37
|
+
<div class="col-12">
|
|
38
|
+
<h2 class="toolkit-heading-2">Project</h2>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="row">
|
|
42
|
+
<div class="col-12 col-md-6">
|
|
43
|
+
<ul class="list-1">
|
|
44
|
+
<li><a href="{{webRepo}}README.md">documentation</a></li>
|
|
45
|
+
<li><a href="{{webRepo}}">repository</a></li>
|
|
46
|
+
<li><a href="https://github.com/bshack/shackstack/issues">bug tracker</a></li>
|
|
47
|
+
</ul>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="col-12 col-md-6">
|
|
50
|
+
<ul class="list-1">
|
|
51
|
+
<li><a href="/report/istanbul">unit test coverage</a></li>
|
|
52
|
+
<li><a href="/report/plato">code complexity</a></li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<hr class="toolkit-rule-1">
|
|
57
|
+
<div class="row">
|
|
58
|
+
<div class="col-12">
|
|
59
|
+
<h2 class="toolkit-heading-2">Browser & Screen Reader Support</h2>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="row">
|
|
63
|
+
<div class="col-12">
|
|
64
|
+
<table class="table-1">
|
|
65
|
+
<caption>browser and screen reader support matrix, all versions current release</caption>
|
|
66
|
+
<thead>
|
|
67
|
+
<tr>
|
|
68
|
+
<th scope="col">operating system</th>
|
|
69
|
+
<th scope="col">web browser</th>
|
|
70
|
+
<th scope="col">screen reader</th>
|
|
71
|
+
</tr>
|
|
72
|
+
</thead>
|
|
73
|
+
<tbody>
|
|
74
|
+
<tr>
|
|
75
|
+
<th scope="row">Windows</th>
|
|
76
|
+
<td>
|
|
77
|
+
Edge
|
|
78
|
+
<br>Internet Explorer
|
|
79
|
+
<br>Firefox
|
|
80
|
+
<br>Chrome
|
|
81
|
+
</td>
|
|
82
|
+
<td>
|
|
83
|
+
JAWS w/ Internet Explorer
|
|
84
|
+
<br>NVDA w/ Firefox
|
|
85
|
+
</td>
|
|
86
|
+
</tr>
|
|
87
|
+
<tr>
|
|
88
|
+
<th scope="row">
|
|
89
|
+
Mac OS X
|
|
90
|
+
</th>
|
|
91
|
+
<td>
|
|
92
|
+
Firefox
|
|
93
|
+
<br>Chrome
|
|
94
|
+
<br>Safari
|
|
95
|
+
</td>
|
|
96
|
+
<td>Voiceover w/ Safari</td>
|
|
97
|
+
</tr>
|
|
98
|
+
<tr>
|
|
99
|
+
<th scope="row">
|
|
100
|
+
iOS
|
|
101
|
+
</th>
|
|
102
|
+
<td>
|
|
103
|
+
Safari
|
|
104
|
+
</td>
|
|
105
|
+
<td>
|
|
106
|
+
Voiceover w/ Safari
|
|
107
|
+
</td>
|
|
108
|
+
</tr>
|
|
109
|
+
<tr>
|
|
110
|
+
<th scope="row">
|
|
111
|
+
Android
|
|
112
|
+
</th>
|
|
113
|
+
<td>
|
|
114
|
+
Chrome
|
|
115
|
+
</td>
|
|
116
|
+
<td>
|
|
117
|
+
Talkback w/ Firefox
|
|
118
|
+
</td>
|
|
119
|
+
</tr>
|
|
120
|
+
</tbody>
|
|
121
|
+
</table>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
</section>
|
|
125
|
+
</main>
|
|
126
|
+
|
|
127
|
+
<hr class="toolkit-rule-1">
|
|
128
|
+
|
|
129
|
+
{{>toolkit/footer-1}}
|
|
130
|
+
|
|
131
|
+
</div>
|
|
132
|
+
|
|
133
|
+
{{#if scripts.global}}
|
|
134
|
+
{{> element/script script=scripts.global}}
|
|
135
|
+
{{/if}}
|
|
136
|
+
{{#if scripts.section}}
|
|
137
|
+
{{> element/script script=scripts.section}}
|
|
138
|
+
{{/if}}
|
|
139
|
+
{{#if scripts.page}}
|
|
140
|
+
{{> element/script script=scripts.page}}
|
|
141
|
+
{{/if}}
|
|
142
|
+
|
|
143
|
+
</body>
|
|
144
|
+
</html>
|