├── static ├── img │ ├── _01.jpg │ ├── _02.jpg │ └── _03.jpg └── js │ └── makePNoise1D.js ├── src ├── assets2 │ ├── font │ │ ├── zero-width.eot │ │ ├── zero-width.otf │ │ ├── zero-width.ttf │ │ ├── zero-width.woff │ │ ├── codegrid-num │ │ │ ├── _template.ai │ │ │ ├── u2466-c7.svg │ │ │ ├── uFF17-n7.svg │ │ │ ├── u2460-c1.svg │ │ │ ├── uFF11-n1.svg │ │ │ ├── u2463-c4.svg │ │ │ ├── uFF14-n4.svg │ │ │ ├── u2461-c2.svg │ │ │ ├── uFF12-n2.svg │ │ │ ├── u2470-c17.svg │ │ │ ├── uFF10-n0.svg │ │ │ ├── u2462-c3.svg │ │ │ ├── uFF13-n3.svg │ │ │ ├── u246A-c11.svg │ │ │ ├── u2464-c5.svg │ │ │ ├── uFF15-n5.svg │ │ │ ├── u32BC-c47.svg │ │ │ ├── u246D-c14.svg │ │ │ ├── u32B6-c41.svg │ │ │ ├── u32B9-c44.svg │ │ │ ├── u3257-c27.svg │ │ │ ├── u2468-c9.svg │ │ │ ├── uFF19-n9.svg │ │ │ ├── u2465-c6.svg │ │ │ ├── u3251-c21.svg │ │ │ ├── uFF16-n6.svg │ │ │ ├── u246B-c12.svg │ │ │ ├── u3254-c24.svg │ │ │ ├── u2469-c10.svg │ │ │ ├── u32B2-c37.svg │ │ │ ├── u32B5-c40.svg │ │ │ ├── u32B7-c42.svg │ │ │ ├── u246C-c13.svg │ │ │ ├── u246E-c15.svg │ │ │ ├── u325B-c31.svg │ │ │ ├── u325E-34.svg │ │ │ ├── u3252-c22.svg │ │ │ ├── u2473-c20.svg │ │ │ ├── u32B8-c43.svg │ │ │ ├── u32BA-c45.svg │ │ │ ├── u2467-c8.svg │ │ │ ├── uFF18-n8.svg │ │ │ ├── u2472-c19.svg │ │ │ ├── u3253-c23.svg │ │ │ ├── u3255-c25.svg │ │ │ ├── u325C-c32.svg │ │ │ ├── u246F-c16.svg │ │ │ ├── u325A-c30.svg │ │ │ ├── u32BF-c50.svg │ │ │ ├── u32BB-c46.svg │ │ │ ├── u325F-35.svg │ │ │ ├── u32BE-c49.svg │ │ │ ├── u325D-33.svg │ │ │ ├── u3256-c26.svg │ │ │ ├── u3259-c29.svg │ │ │ ├── u2471-c18.svg │ │ │ ├── u32B4-c39.svg │ │ │ ├── u32B1-c36.svg │ │ │ ├── u32BD-c48.svg │ │ │ ├── u3258-c28.svg │ │ │ └── u32B3-c38.svg │ │ ├── codegrid-icon │ │ │ ├── uE602-right.svg │ │ │ ├── uE603-down.svg │ │ │ ├── uE601-top.svg │ │ │ ├── uE604-left.svg │ │ │ ├── uE611-exclamation-circle.svg │ │ │ ├── uE605-hamburger.svg │ │ │ ├── uE612-exclamation-triangle.svg │ │ │ ├── uE606-list.svg │ │ │ ├── uE808-cat-future.svg │ │ │ ├── uE701-facebook.svg │ │ │ ├── uE608-search.svg │ │ │ ├── uE807-cat-design.svg │ │ │ ├── uE60a-lock.svg │ │ │ ├── uE801-cat-mastering.svg │ │ │ ├── uE806-cat-report.svg │ │ │ ├── uE80c-cat-discussion.svg │ │ │ ├── uE60b-unlock.svg │ │ │ ├── uE609-star.svg │ │ │ ├── uE805-cat-architecture.svg │ │ │ ├── uE607-setting.svg │ │ │ ├── uE803-cat-standards.svg │ │ │ ├── uE80b-cat-interview.svg │ │ │ ├── uE800-cat-elementary.svg │ │ │ ├── _icon-utils.scss │ │ │ ├── uE809-cat-work-style.svg │ │ │ ├── uE700-twitter.svg │ │ │ ├── uE702-gplus.svg │ │ │ ├── uE80a-cat-survey.svg │ │ │ ├── uE610-question.svg │ │ │ ├── _icon.scss │ │ │ ├── uE804-cat-talk.svg │ │ │ └── uE600-pxg.svg │ │ └── zero-width.svg │ ├── js │ │ ├── prism.extend.js │ │ ├── CG2-pageHeader.js │ │ ├── old-jade-prism.js │ │ ├── CG2.js │ │ ├── CG2-compactNav.js │ │ ├── CG2-forms.js │ │ ├── vendor │ │ │ └── EventDispatcher.js │ │ ├── CG2-articleSeriesNav.js │ │ ├── CG2-tab.js │ │ ├── CG2-livecode.js │ │ ├── old-jade-click-to-play.js │ │ └── CG2-drawer.js │ ├── scss │ │ ├── codegrid-ui-www.scss │ │ ├── codegrid-ui-core.scss │ │ ├── codegrid-ui.scss │ │ ├── _3_animations.scss │ │ ├── _0_vars.scss │ │ ├── _1_utils.scss │ │ ├── _icon-utils.scss │ │ ├── _placeholder.scss │ │ ├── _2_basic.scss │ │ ├── vendor │ │ │ ├── _prism.scss │ │ │ ├── _normalize.scss │ │ │ └── _media-queries.scss │ │ └── _icon.scss │ └── img │ │ ├── CG2-button │ │ └── loading.svg │ │ ├── CG2-pageHeader │ │ └── logo.svg │ │ └── CG2-pageFooter │ │ └── pxg-logo.svg └── aigis-template │ ├── aigis_assets │ ├── fonts │ │ └── icon.woff │ └── js │ │ ├── toolbar.js │ │ └── dummyimage.js │ └── template_hbs │ ├── sidemenu.hbs │ ├── components.hbs │ └── index.hbs ├── README.md ├── aigis_config.yml ├── .editorconfig ├── .gitignore ├── LICENSE ├── package.json └── gulpfile.js /static/img/_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/static/img/_01.jpg -------------------------------------------------------------------------------- /static/img/_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/static/img/_02.jpg -------------------------------------------------------------------------------- /static/img/_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/static/img/_03.jpg -------------------------------------------------------------------------------- /src/assets2/font/zero-width.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/assets2/font/zero-width.eot -------------------------------------------------------------------------------- /src/assets2/font/zero-width.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/assets2/font/zero-width.otf -------------------------------------------------------------------------------- /src/assets2/font/zero-width.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/assets2/font/zero-width.ttf -------------------------------------------------------------------------------- /src/assets2/font/zero-width.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/assets2/font/zero-width.woff -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/_template.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/assets2/font/codegrid-num/_template.ai -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # codegrid-ui 2 | 3 |
 4 | $ npm install
 5 | 
6 | 7 | then 8 | 9 |
10 | $ gulp build
11 | 
12 | -------------------------------------------------------------------------------- /src/aigis-template/aigis_assets/fonts/icon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pxgrid/codegrid-ui/HEAD/src/aigis-template/aigis_assets/fonts/icon.woff -------------------------------------------------------------------------------- /src/assets2/js/prism.extend.js: -------------------------------------------------------------------------------- 1 | Prism.languages.xml = Prism.languages.markup; 2 | Prism.languages.html = Prism.languages.markup; 3 | Prism.languages.mathml = Prism.languages.markup; 4 | Prism.languages.svg = Prism.languages.markup; 5 | -------------------------------------------------------------------------------- /aigis_config.yml: -------------------------------------------------------------------------------- 1 | name: CodeGrid UI 2 | 3 | source: ./src/assets2/scss 4 | dest: ./build/styleguide 5 | dependencies: ./src/aigis-template/aigis_assets 6 | index: ./README.md 7 | template_engine: hbs 8 | template_dir: ./src/aigis-template/template_hbs 9 | log: true -------------------------------------------------------------------------------- /src/assets2/scss/codegrid-ui-www.scss: -------------------------------------------------------------------------------- 1 | /* CodeGrid-UI for CodeGrid website */ 2 | 3 | // ビルドに必要な変数やmixinなど 4 | @import "vendor/_media-queries"; 5 | @import "0_vars"; 6 | @import "1_utils"; 7 | @import "icon-utils"; 8 | 9 | // codegrid-wwwのみで使われるコンポーネント 10 | @import "components-www"; 11 | -------------------------------------------------------------------------------- /src/assets2/img/CG2-button/loading.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | insert_final_newline = true 6 | end_of_line = lf 7 | indent_style = space 8 | indent_size = 2 9 | 10 | [src/assets2/font/codegrid-{icon,num}/*.svg] 11 | indent_style = tab 12 | end_of_line = crlf 13 | 14 | [src/assets2/vendor/_prism.scss] 15 | indent_style = tab 16 | -------------------------------------------------------------------------------- /src/assets2/scss/codegrid-ui-core.scss: -------------------------------------------------------------------------------- 1 | /* CodeGrid-UI core */ 2 | 3 | // ビルドに必要な変数やmixinなど 4 | @import "vendor/_normalize"; 5 | @import "vendor/_media-queries"; 6 | @import "0_vars"; 7 | @import "1_utils"; 8 | @import "2_basic"; 9 | @import "3_animations"; 10 | @import "icon"; 11 | @import "placeholder"; 12 | 13 | // ページのテンプレート用のスタイルと、共通コンポーネント 14 | @import "template"; 15 | @import "components-shared"; 16 | -------------------------------------------------------------------------------- /src/aigis-template/aigis_assets/js/toolbar.js: -------------------------------------------------------------------------------- 1 | function setUpToggleButton([...items]) { 2 | for (const item of items) { 3 | document.querySelector(item.button).onclick = () => { 4 | document.body.classList.toggle(item.modifier) 5 | } 6 | } 7 | } 8 | 9 | document.addEventListener('DOMContentLoaded', () => { 10 | setUpToggleButton([ 11 | { button: '.aigis-toggleNav', modifier: 'aigis--navclose' }, 12 | { button: '.aigis-toggleCode', modifier: 'aigis--codeclose' }, 13 | ]) 14 | }) -------------------------------------------------------------------------------- /src/assets2/js/CG2-pageHeader.js: -------------------------------------------------------------------------------- 1 | window.addEventListener( 'DOMContentLoaded', function () { 2 | 3 | 'use strict'; 4 | 5 | var modifier = 'CG2-pageHeader__userMenu--show'; 6 | var $head = document.querySelector( '.CG2-pageHeader__userHeader' ); 7 | var $nav = document.querySelector( '.CG2-pageHeader__userMenu' ); 8 | 9 | if ( !$head ) { return; } 10 | 11 | var navToggle = function () { 12 | 13 | $nav.classList.toggle( modifier ); 14 | 15 | } 16 | 17 | $head.addEventListener( 'click', navToggle ); 18 | 19 | } ); 20 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE602-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE603-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE601-top.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE604-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE611-exclamation-circle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets2/img/CG2-pageHeader/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE605-hamburger.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2466-c7.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF17-n7.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/aigis-template/template_hbs/sidemenu.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{config.name}} 4 |
5 |

Category

6 | 9 |

Tag

10 | 15 |

All Colors

16 |
17 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2460-c1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF11-n1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | 5 | # Runtime data 6 | pids 7 | *.pid 8 | *.seed 9 | 10 | # Directory for instrumented libs generated by jscoverage/JSCover 11 | lib-cov 12 | 13 | # Coverage directory used by tools like istanbul 14 | coverage 15 | 16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 17 | .grunt 18 | 19 | # node-waf configuration 20 | .lock-wscript 21 | 22 | # Compiled binary addons (http://nodejs.org/api/addons.html) 23 | build/Release 24 | 25 | # Dependency directory 26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git 27 | node_modules 28 | 29 | 30 | # codegrid-ui 31 | 32 | examples 33 | .sass-cache/* 34 | npm-debug.log 35 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE612-exclamation-triangle.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2463-c4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF14-n4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/js/old-jade-prism.js: -------------------------------------------------------------------------------- 1 | window.addEventListener( 'DOMContentLoaded', function () { 2 | 3 | 'use strict'; 4 | 5 | // Prism 6 | var $elAll = document.querySelectorAll( 'pre.code' ); 7 | 8 | if ( $elAll.length === 0 ) { return; } 9 | 10 | // http://prismjs.com/extending.html#api 11 | Array.prototype.forEach.call( $elAll, function( $el ) { 12 | 13 | Array.prototype.some.call( $el.classList, function( className ) { 14 | 15 | if ( className !== 'code' ) { 16 | 17 | var lang = className === 'html' ? 'markup' : className; 18 | var src = Prism.highlight( $el.innerText, Prism.languages[ lang ] ); 19 | $el.innerHTML = src; 20 | return true; 21 | 22 | } 23 | 24 | } ); 25 | 26 | } ); 27 | 28 | } ); 29 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE606-list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/scss/codegrid-ui.scss: -------------------------------------------------------------------------------- 1 | /* CodeGrid-UI for CodeGrid app */ 2 | 3 | // articleSeriesNavで使われる縦中横フォント 4 | // FIXME: ちゃんとした場所に移動する 5 | @font-face { 6 | font-family: "codegrid-num"; 7 | src: url('../font/codegrid-num.woff2') format('woff2'), 8 | url('../font/codegrid-num.woff') format('woff'); 9 | font-weight: normal; 10 | font-style: normal; 11 | } 12 | 13 | // ビルドに必要な変数やmixinなど 14 | @import "vendor/_normalize"; 15 | @import "vendor/_media-queries"; 16 | @import "vendor/_prism"; 17 | @import "0_vars"; 18 | @import "1_utils"; 19 | @import "2_basic"; 20 | @import "3_animations"; 21 | @import "icon"; 22 | 23 | // ページのテンプレート用のスタイルと、共通コンポーネント 24 | @import "placeholder"; 25 | @import "template"; 26 | @import "components-shared"; 27 | 28 | // codegrid-appのみで使われるコンポーネント 29 | @import "components-app"; 30 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE808-cat-future.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2461-c2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF12-n2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE701-facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE608-search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE807-cat-design.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE60a-lock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE801-cat-mastering.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2470-c17.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF10-n0.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE806-cat-report.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2462-c3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF13-n3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246A-c11.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/js/CG2.js: -------------------------------------------------------------------------------- 1 | var CG2 = {}; 2 | 3 | CG2.vent = new EventDispatcher(); 4 | 5 | ;( function () { 6 | 7 | var win = window; 8 | 9 | var BREAK_POINT = { 10 | large : Infinity, 11 | base : 980 - 1, 12 | middle : 768 - 1, 13 | small : 640 - 1 14 | }; 15 | 16 | var onresize = function () { 17 | 18 | var _screenType = CG2.screenType; 19 | 20 | for ( var i in BREAK_POINT ) { 21 | 22 | if ( window.matchMedia( '(max-width: ' + BREAK_POINT[ i ] + 'px)' ).matches ) { 23 | 24 | CG2.screenType = i; 25 | 26 | } 27 | 28 | } 29 | 30 | if ( CG2.screenType !== _screenType ) { 31 | 32 | CG2.vent.dispatchEvent( { type: 'onmediachange', screenType: CG2.screenType } ); 33 | 34 | } 35 | 36 | } 37 | 38 | onresize(); 39 | win.addEventListener( 'resize', onresize ); 40 | 41 | } )(); 42 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2464-c5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF15-n5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BC-c47.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE80c-cat-discussion.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246D-c14.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B6-c41.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE60b-unlock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE609-star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B9-c44.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/aigis-template/aigis_assets/js/dummyimage.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | function createPlaceholderSVG(width, height) { 4 | return ` 5 | 6 | 7 | ${width}×${height} 8 | `.replace(/\n\s*/, '').trim(); 9 | } 10 | 11 | 12 | document.addEventListener(`DOMContentLoaded`, () => { 13 | const dummyImgs = [...document.querySelectorAll(`img[src^=__dummy__]`)]; 14 | dummyImgs.forEach(img => { 15 | const srcValue = img.getAttribute(`src`).trim(); 16 | const svgUrl = srcValue.replace(/__dummy__(\d+)x(\d+)/, (_, p1, p2) => { 17 | const svgSnippet = createPlaceholderSVG(p1, p2); 18 | return `data:image/svg+xml,${encodeURIComponent(svgSnippet)}`; 19 | }); 20 | img.src = svgUrl; 21 | }); 22 | }) 23 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3257-c27.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2468-c9.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF19-n9.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2465-c6.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3251-c21.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF16-n6.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246B-c12.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3254-c24.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/js/CG2-compactNav.js: -------------------------------------------------------------------------------- 1 | window.addEventListener( 'DOMContentLoaded', function () { 2 | 3 | 'use strict'; 4 | 5 | var i, l; 6 | var $navs = document.querySelectorAll( '.CG2-compactNav' ); 7 | 8 | if ( $navs.length === 0 ) { return; } 9 | 10 | for ( i = 0, l = $navs.length; i < l; i = ( i + 1 )|0 ) { 11 | 12 | ( function () { 13 | 14 | var $nav = $navs[ i ]; 15 | var $current = $nav.querySelector( '.CG2-compactNav__item--current a' ); 16 | var $trigger = $nav.querySelector( '.CG2-compactNav__navOpener' ); 17 | var modifier = 'CG2-compactNav--show'; 18 | 19 | $current.addEventListener( 'click', toggle ); 20 | $trigger.addEventListener( 'click', toggle ); 21 | 22 | function toggle ( e ) { 23 | 24 | if ( CG2.screenType === 'large' ) { return; } 25 | 26 | e.preventDefault(); 27 | $nav.classList.toggle( modifier ); 28 | 29 | } 30 | 31 | } )(); 32 | 33 | } 34 | 35 | } ); 36 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE805-cat-architecture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2469-c10.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B2-c37.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE607-setting.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/scss/_3_animations.scss: -------------------------------------------------------------------------------- 1 | /* jump 2 | ========================================================================== */ 3 | 4 | @keyframes anim-jump { 5 | 0% { 6 | transform: translateY( 0 ) scaleY( 1 ); 7 | } 8 | 20% { 9 | transform: translateY( 2px ) scaleY( 0.6 ); 10 | } 11 | 60% { 12 | transform: translateY( -5px ) scaleY( 1.1 ); 13 | } 14 | 100% { 15 | transform: translateY( 0 ) scaleY( 1 ); 16 | } 17 | } 18 | 19 | 20 | @mixin anim-jump () { 21 | animation-duration: .4s; 22 | animation-name: anim-jump; 23 | animation-fill-mode: forwards; 24 | } 25 | 26 | 27 | /* scale 28 | ========================================================================== */ 29 | 30 | @keyframes anim-scaleup { 31 | 0% { 32 | transform: none; 33 | } 34 | 40% { 35 | transform: scale( 1.05 ); 36 | } 37 | 100% { 38 | transform: none; 39 | } 40 | } 41 | 42 | @mixin anim-scaleup () { 43 | animation-duration: .6s; 44 | animation-name: anim-scaleup; 45 | animation-fill-mode: forwards; 46 | } 47 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B5-c40.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B7-c42.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE803-cat-standards.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246C-c13.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246E-c15.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325B-c31.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/aigis-template/template_hbs/components.hbs: -------------------------------------------------------------------------------- 1 | {{#if components.length}} 2 | 12 |
13 | {{#each components}} 14 | 15 | {{#unless this.config.templateItem}}
{{/unless}} 16 | {{#if this.config.templateItem}}
{{/if}} 17 |

18 | {{this.config.name}} 19 |

20 |
21 | {{this.sourcePath}} 22 |
23 |
    24 | {{#each this.config.tag}} 25 |
  • {{this}}
  • 26 | {{/each}} 27 |
28 | {{{this.html}}} 29 |
30 | {{/each}} 31 |
32 | {{else}} 33 | {{{html}}} 34 | {{/if}} 35 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE80b-cat-interview.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325E-34.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE800-cat-elementary.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3252-c22.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2473-c20.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B8-c43.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BA-c45.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/_icon-utils.scss: -------------------------------------------------------------------------------- 1 | // このscssファイルはgulpによる自動生成 2 | // scssを編集したい場合は src/assets2/font/codegrid-icon/_icon-utils.scss を編集すること 3 | 4 | // アイコンをつける 5 | // =========================================================================== 6 | 7 | /* アイコンの基礎スタイル 8 | ========================================================================== */ 9 | %codegrid-icon { 10 | font-family: "codegrid-icon"; 11 | speak: none; 12 | font-style: normal; 13 | font-weight: normal; 14 | font-variant: normal; 15 | text-transform: none; 16 | line-height: 1; 17 | vertical-align: middle; 18 | display: inline-block; 19 | 20 | // Better Font Rendering 21 | -webkit-font-smoothing: antialiased; 22 | -moz-osx-font-smoothing: grayscale; 23 | } 24 | 25 | // アイコンを呼び出す 26 | // =========================================================================== 27 | $icons: ( 28 | <% _.each ( glyphs, function( glyph ) { %><%= glyph.name %>: "\<%= glyph.unicode.toString( 16 ).toUpperCase() %>", 29 | <% } ); %> 30 | ); 31 | 32 | @mixin icon ( $name ) { 33 | content: map-get( $icons, $name ); 34 | @extend %codegrid-icon; 35 | } 36 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE809-cat-work-style.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 pxgrid 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE700-twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 12 | 13 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2467-c8.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/uFF18-n8.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2472-c19.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3253-c23.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3255-c25.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325C-c32.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u246F-c16.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325A-c30.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BF-c50.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/scss/_0_vars.scss: -------------------------------------------------------------------------------- 1 | // ========================================================================== 2 | // vars 3 | // ========================================================================== 4 | 5 | $fontSansSerif : Helvetica, '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, sans-serif; 6 | $fontSerif : 'Palatino Linotype', 'Book Antiqua', Palatino, 'Klee', '\6E38\660E\671D\4F53', 'Yu Mincho', YuMincho, '\30D2\30E9\30AE\30CE\660E\671D ProN W3', 'HiraMinProN-W3', '\30D2\30E9\30AE\30CE\660E\671D Pro W3', 'Hiragino Mincho Pro', '\0048\0047\6B63\6977\66F8\4F53\002D\0050\0052\004F', '\FF24\FF26\4E2D\6977\66F8\4F53', '\FF2D\FF33\0020\660E\671D', 'MS Mincho', '\30E1\30A4\30EA\30AA', Meiryo, serif; 7 | $fontCode : 'Lucida Console', Monaco, monospace; 8 | $fontZero : 'zeroWidth'; 9 | $fontVertical : 'codegrid-num', '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, sans-serif; 10 | 11 | 12 | $pageMaxWidth: 1200px; 13 | $breakpoint-base : 980px - 1; 14 | $breakpoint-middle : 768px - 1; 15 | $breakpoint-small : 640px - 1; 16 | 17 | $z-pageHeader: 20; 18 | $z-flyout: 10; 19 | -------------------------------------------------------------------------------- /static/js/makePNoise1D.js: -------------------------------------------------------------------------------- 1 | var CG2 = CG2 || {}; 2 | 3 | 4 | CG2.makePNoise1D = function () { 5 | 6 | var fade = function () { 7 | 8 | 'use asm'; 9 | 10 | function fade ( t ) { 11 | 12 | t = +t; 13 | return t * t * t * ( t * ( 6.0 * t - 15.0 ) + 10.0 ); 14 | 15 | } 16 | 17 | return fade; 18 | 19 | }(); 20 | 21 | 22 | return function ( length, step ) { 23 | 24 | length = length|0; 25 | step = step|0; 26 | 27 | var noise = []; 28 | var gradients = []; 29 | 30 | for ( var i = 0|0; i < length; i = ( i + 1 )|0 ) { 31 | 32 | gradients[ i ] = Math.random() * 2 - 1; 33 | 34 | }; 35 | 36 | 37 | for ( var t = 0|0; t < step; t = ( t + 1 )|0 ) { 38 | 39 | var x = ( length - 1 ) / ( step - 1 ) * ( t ); 40 | 41 | var i0 = x|0; 42 | var i1 = ( i0 + 1 )|0; 43 | 44 | var g0 = gradients[ i0 ]; 45 | var g1 = gradients[ i1 ] || gradients[ i0 ]; 46 | 47 | var u0 = x - i0; 48 | var u1 = u0 - 1; 49 | 50 | var n0 = g0 * u0; 51 | var n1 = g1 * u1; 52 | 53 | noise.push( n0 * ( 1 - fade( u0 ) ) + n1 * fade( u0 ) ); 54 | 55 | } 56 | 57 | return noise; 58 | 59 | } 60 | 61 | }(); 62 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BB-c46.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325F-35.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BE-c49.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u325D-33.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3256-c26.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/aigis-template/template_hbs/index.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 17 | 20 |
21 |
22 | {{include "./sidemenu"}} 23 |
24 |
25 | {{include "./components"}} 26 |
Last update at {{timestamp}}
27 |
28 |
29 |
30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3259-c29.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE702-gplus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u2471-c18.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B4-c39.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B1-c36.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/assets2/font/zero-width.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32BD-c48.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "codegrid-ui", 3 | "version": "1.8.0", 4 | "description": "CodeGrid UI", 5 | "main": "none", 6 | "scripts": { 7 | "start": "gulp", 8 | "gulp": "gulp", 9 | "test": "exit 0", 10 | "build": "gulp build", 11 | "deploy": "gulp deploy" 12 | }, 13 | "repository": { 14 | "type": "git", 15 | "url": "git+https://github.com/pxgrid/codegrid-ui.git" 16 | }, 17 | "keywords": [ 18 | "css" 19 | ], 20 | "author": "PixelGrid Inc.", 21 | "license": "MIT", 22 | "bugs": { 23 | "url": "https://github.com/pxgrid/codegrid-ui/issues" 24 | }, 25 | "homepage": "https://github.com/pxgrid/codegrid-ui#readme", 26 | "devDependencies": { 27 | "autoprefixer": "^9.7.6", 28 | "browser-sync": "^2.26.7", 29 | "css-mqpacker": "^6.0.2", 30 | "csswring": "^6.0.3", 31 | "del": "^5.1.0", 32 | "event-stream": "^3.3.5", 33 | "gulp": "^4.0.2", 34 | "gulp-aigis": "^1.3.0", 35 | "gulp-concat": "^2.6.1", 36 | "gulp-consolidate": "^0.2.0", 37 | "gulp-iconfont": "^10.0.3", 38 | "gulp-plumber": "^1.2.1", 39 | "gulp-postcss": "^8.0.0", 40 | "gulp-rename": "^2.0.0", 41 | "gulp-sass": "^4.1.0", 42 | "gulp-sourcemaps": "^2.6.5", 43 | "gulp-uglify": "^3.0.2", 44 | "gulp-watch": "^5.0.1", 45 | "underscore": "^1.10.2" 46 | }, 47 | "browserslist": [ 48 | "ie >= 11", 49 | "safari >= 12.1", 50 | "ios >= 12.0" 51 | ] 52 | } 53 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u3258-c28.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-icon/uE80a-cat-survey.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets2/font/codegrid-num/u32B3-c38.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 10 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/assets2/scss/_1_utils.scss: -------------------------------------------------------------------------------- 1 | // clearfix 2 | // ========================================================================== */ 3 | @mixin clearfix () { 4 | &:before, &:after { 5 | content: ""; 6 | display: table; 7 | } 8 | &:after { 9 | clear: both; 10 | } 11 | } 12 | 13 | 14 | // resetLink 15 | // ========================================================================== */ 16 | @mixin resetLink { 17 | color: inherit; 18 | } 19 | 20 | 21 | // wordbreak 22 | // ========================================================================== */ 23 | @mixin wordbreak () { 24 | white-space: normal; 25 | word-break: break-all; 26 | } 27 | 28 | 29 | // tableToBlock 30 | // ========================================================================== */ 31 | @mixin tableToBlock () { 32 | table, tbody, tr { 33 | @include clearfix(); 34 | display: block; 35 | } 36 | th, td { 37 | float: left; 38 | clear: left; 39 | } 40 | } 41 | 42 | 43 | // blurry 44 | // ========================================================================== */ 45 | @mixin blurry-parent () { 46 | overflow: hidden; 47 | position: relative; 48 | z-index: 1; 49 | background: #000; 50 | } 51 | @mixin blurry () { 52 | pointer-events: none; 53 | position: absolute; 54 | z-index: -1; 55 | top: -10px; 56 | right: -10px; 57 | bottom: -10px; 58 | left: -10px; 59 | background-position: 50% 50%; 60 | background-size: cover; 61 | transform: scale( 1.2, 1.2 ); 62 | opacity: .64; 63 | } 64 | // @mixin blurry--blurry () { 65 | // filter: blur( 24px ); 66 | // } 67 | -------------------------------------------------------------------------------- /src/assets2/js/CG2-forms.js: -------------------------------------------------------------------------------- 1 | window.addEventListener('DOMContentLoaded', function () { 2 | 'use strict' 3 | 4 | //- 5 | //- ドロップダウンボックスのプレースホルダのスタイル 6 | //- 7 | function setupSelectPlaceholder() { 8 | // プレースホルダのクラス名 9 | var CLASSNAME_PLACEHOLDER_SELECTED = 'CG2-form__placeholder_selected' 10 | 11 | // フォーム内ののみ抽出 17 | //