├── 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 |
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 |
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 |
12 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u325E-34.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-icon/uE800-cat-elementary.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u3252-c22.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u2473-c20.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32B8-c43.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32BA-c45.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 |
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 |
13 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u2467-c8.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/uFF18-n8.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u2472-c19.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u3253-c23.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u3255-c25.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u325C-c32.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u246F-c16.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u325A-c30.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32BF-c50.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u325F-35.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32BE-c49.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u325D-33.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u3256-c26.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u3259-c29.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-icon/uE702-gplus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u2471-c18.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32B4-c39.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32B1-c36.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
--------------------------------------------------------------------------------
/src/assets2/font/zero-width.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32BD-c48.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 |
17 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-icon/uE80a-cat-survey.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/src/assets2/font/codegrid-num/u32B3-c38.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 | // フォーム内の