gnui 1.1.8 → 1.2.12

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.
Files changed (105) hide show
  1. package/@types/gnui.d.ts +202 -154
  2. package/README.md +9 -3
  3. package/assets/NotoSansKR-Black.otf +0 -0
  4. package/assets/NotoSansKR-Black.woff +0 -0
  5. package/assets/NotoSansKR-Black.woff2 +0 -0
  6. package/assets/NotoSansKR-Bold.otf +0 -0
  7. package/assets/NotoSansKR-Bold.woff +0 -0
  8. package/assets/NotoSansKR-Bold.woff2 +0 -0
  9. package/assets/NotoSansKR-DemiLight.otf +0 -0
  10. package/assets/NotoSansKR-DemiLight.woff +0 -0
  11. package/assets/NotoSansKR-DemiLight.woff2 +0 -0
  12. package/assets/NotoSansKR-Light.otf +0 -0
  13. package/assets/NotoSansKR-Light.woff +0 -0
  14. package/assets/NotoSansKR-Light.woff2 +0 -0
  15. package/assets/NotoSansKR-Medium.otf +0 -0
  16. package/assets/NotoSansKR-Medium.woff +0 -0
  17. package/assets/NotoSansKR-Medium.woff2 +0 -0
  18. package/assets/NotoSansKR-Regular.otf +0 -0
  19. package/assets/NotoSansKR-Regular.woff +0 -0
  20. package/assets/NotoSansKR-Regular.woff2 +0 -0
  21. package/assets/NotoSansKR-Thin.otf +0 -0
  22. package/assets/NotoSansKR-Thin.woff +0 -0
  23. package/assets/NotoSansKR-Thin.woff2 +0 -0
  24. package/assets/{LICENSE_OFL.txt → OFL.txt} +93 -92
  25. package/assets/images/flags.png +0 -0
  26. package/package.json +53 -37
  27. package/assets/NotoSansCJKkr-Black.otf +0 -0
  28. package/assets/NotoSansCJKkr-Bold.otf +0 -0
  29. package/assets/NotoSansCJKkr-DemiLight.otf +0 -0
  30. package/assets/NotoSansCJKkr-Light.otf +0 -0
  31. package/assets/NotoSansCJKkr-Medium.otf +0 -0
  32. package/assets/NotoSansCJKkr-Regular.otf +0 -0
  33. package/assets/NotoSansCJKkr-Thin.otf +0 -0
  34. package/assets/NotoSansMonoCJKkr-Bold.otf +0 -0
  35. package/assets/NotoSansMonoCJKkr-Regular.otf +0 -0
  36. package/assets/README +0 -11
  37. package/dist/js/gnui.esm.js +0 -22174
  38. package/dist/js/gnui.js +0 -22473
  39. package/dist/js/gnui.min.js +0 -1
  40. package/dist/styles/default.css +0 -3
  41. package/dist/styles/gpi.css +0 -3
  42. package/dist/styles/insights.css +0 -3
  43. package/dist/styles/nac.css +0 -3
  44. package/dist/styles/zt-nac.css +0 -3
  45. package/styleguide/assets/components.js +0 -1280
  46. package/styleguide/assets/guide.js +0 -45
  47. package/styleguide/assets/image.png +0 -0
  48. package/styleguide/assets/okadia.css +0 -124
  49. package/styleguide/assets/theme.css +0 -506
  50. package/styleguide/category/COLOR/index.html +0 -158
  51. package/styleguide/category/COMPONENT/Alert(js)/index.html +0 -421
  52. package/styleguide/category/COMPONENT/Bignumber/index.html +0 -273
  53. package/styleguide/category/COMPONENT/Breadcrumb/index.html +0 -328
  54. package/styleguide/category/COMPONENT/Calendar(js)/index.html +0 -239
  55. package/styleguide/category/COMPONENT/Card/index.html +0 -188
  56. package/styleguide/category/COMPONENT/Chart(js)/index.html +0 -558
  57. package/styleguide/category/COMPONENT/Datagrid(js)/index.html +0 -545
  58. package/styleguide/category/COMPONENT/Growl(js)/index.html +0 -288
  59. package/styleguide/category/COMPONENT/JsonView(js)/index.html +0 -829
  60. package/styleguide/category/COMPONENT/Message(js)/index.html +0 -391
  61. package/styleguide/category/COMPONENT/Modal(js)/index.html +0 -410
  62. package/styleguide/category/COMPONENT/Pagination/index.html +0 -352
  63. package/styleguide/category/COMPONENT/Panel/index.html +0 -309
  64. package/styleguide/category/COMPONENT/Progressbar(js)/index.html +0 -316
  65. package/styleguide/category/COMPONENT/Tab(js)/index.html +0 -444
  66. package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +0 -261
  67. package/styleguide/category/COMPONENT/Time(js)/index.html +0 -244
  68. package/styleguide/category/COMPONENT/Tooltip(js)/index.html +0 -317
  69. package/styleguide/category/COMPONENT/Tree(js)/index.html +0 -401
  70. package/styleguide/category/CONTROLS/Button(js)/index.html +0 -440
  71. package/styleguide/category/CONTROLS/Checkbox/index.html +0 -198
  72. package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +0 -209
  73. package/styleguide/category/CONTROLS/Datepicker(js)/index.html +0 -260
  74. package/styleguide/category/CONTROLS/Dropdown(js)/index.html +0 -1033
  75. package/styleguide/category/CONTROLS/File/index.html +0 -316
  76. package/styleguide/category/CONTROLS/Form/Control/index.html +0 -231
  77. package/styleguide/category/CONTROLS/Form/Field/index.html +0 -258
  78. package/styleguide/category/CONTROLS/Form/Plain/index.html +0 -197
  79. package/styleguide/category/CONTROLS/Input/index.html +0 -334
  80. package/styleguide/category/CONTROLS/MenuButton(js)/index.html +0 -257
  81. package/styleguide/category/CONTROLS/MultiText(js)/index.html +0 -260
  82. package/styleguide/category/CONTROLS/Picklist(js)/index.html +0 -699
  83. package/styleguide/category/CONTROLS/Radio/index.html +0 -201
  84. package/styleguide/category/CONTROLS/Select/index.html +0 -442
  85. package/styleguide/category/CONTROLS/SelectButton(js)/index.html +0 -236
  86. package/styleguide/category/CONTROLS/Slider/index.html +0 -193
  87. package/styleguide/category/CONTROLS/Switch(js)/index.html +0 -333
  88. package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +0 -483
  89. package/styleguide/category/CONTROLS/Textarea/index.html +0 -189
  90. package/styleguide/category/ELEMENTS/Box/index.html +0 -167
  91. package/styleguide/category/ELEMENTS/Icon/index.html +0 -265
  92. package/styleguide/category/ELEMENTS/Image/index.html +0 -213
  93. package/styleguide/category/ELEMENTS/List/index.html +0 -396
  94. package/styleguide/category/ELEMENTS/Table/index.html +0 -483
  95. package/styleguide/category/ELEMENTS/Tag/index.html +0 -255
  96. package/styleguide/category/ELEMENTS/Title/index.html +0 -186
  97. package/styleguide/category/LAYOUT/Container/index.html +0 -235
  98. package/styleguide/category/LAYOUT/Grid/index.html +0 -400
  99. package/styleguide/category/LAYOUT/Splitter(js)/index.html +0 -278
  100. package/styleguide/category/UTILITY/index.html +0 -367
  101. package/styleguide/category/Utils/index.html +0 -305
  102. package/styleguide/color.html +0 -168
  103. package/styleguide/index.html +0 -168
  104. package/styleguide/tag/javascript/index.html +0 -6224
  105. package/styleguide/tag/v.0.1.0/index.html +0 -10807
@@ -1,45 +0,0 @@
1
-
2
- Gn.ready(function() {
3
- var theme = Gn.util.$('#ThemeSelector');
4
- var themeFile = Gn.util.$('#ThemeFile');
5
-
6
- var changeTheme = function (theme){
7
- var stylepath = Gn.util.attr(themeFile, 'href');
8
- var stylefile = stylepath.match(/[-_\w]+[.][\w]+$/i)[0];
9
- Gn.util.attr(themeFile, 'href', stylepath.replace(stylefile, theme+'.css'));
10
- var categorys = Gn.util.$$('.aigis-sidemenu a[href]');
11
- Gn.util.each(categorys, function(x){
12
- var link = x.getAttribute('href').split('#')[0];
13
- x.setAttribute('href', link+'#'+theme);
14
- });
15
- Gn.util.attr(Gn.util.$('.main-link'), 'href', Gn.util.attr(Gn.util.$('.main-link'), 'href').split('#')[0]+'#'+theme);
16
- Gn.util.attr(Gn.util.$('.util-link'), 'href', Gn.util.attr(Gn.util.$('.util-link'), 'href').split('#')[0]+'#'+theme);
17
- }
18
-
19
- Gn.util.on(theme, 'change', function (){
20
- location.hash = this.value;
21
- });
22
-
23
- Gn.util.on(window, "hashchange", function(e){
24
- changeTheme(location.hash.substring(1));
25
- });
26
-
27
- if(location.hash){
28
- changeTheme(location.hash.substring(1));
29
- Gn.util.val(theme, location.hash.substring(1));
30
- }
31
-
32
- Gn.util.on(Gn.util.$$('a[href]'), 'click', function(e){
33
- if(Gn.util.startsWith(e.currentTarget.getAttribute('href'), '#')) e.preventDefault();
34
- });
35
-
36
- let comppath = location.pathname.replace('/index.html','').split('/').pop().replace('(js)','');
37
- if(components && components[comppath]){
38
- setTimeout(function(){
39
- components[comppath]();
40
- Gn.util.on('.js-guide', 'click', function(e){
41
- Gn.util.scrollTop(window, Gn.util.offset(Gn.util.prev(Gn.util.parent(Gn.util.$('.language-ejs')))).top - 100);
42
- });
43
- }, 300)
44
- }
45
- });
Binary file
@@ -1,124 +0,0 @@
1
- /* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+abap+actionscript+apacheconf+apl+applescript+asciidoc+aspnet+autoit+autohotkey+bash+basic+batch+c+brainfuck+bro+bison+csharp+cpp+coffeescript+ruby+css-extras+d+dart+diff+docker+eiffel+elixir+erlang+fsharp+fortran+gherkin+git+glsl+go+groovy+haml+handlebars+haskell+haxe+http+icon+inform7+ini+j+jade+java+json+julia+keyman+kotlin+latex+less+lolcode+lua+makefile+markdown+matlab+mel+mizar+monkey+nasm+nginx+nim+nix+nsis+objectivec+ocaml+oz+parigp+parser+pascal+perl+php+php-extras+powershell+processing+prolog+protobuf+puppet+pure+python+q+qore+r+jsx+rest+rip+roboconf+crystal+rust+sas+sass+scss+scala+scheme+smalltalk+smarty+sql+stylus+swift+tcl+textile+twig+typescript+verilog+vhdl+vim+wiki+yaml */
2
- /**
3
- * okaidia theme for JavaScript, CSS and HTML
4
- * Loosely based on Monokai textmate theme by http://www.monokai.nl/
5
- * @author ocodia
6
- */
7
-
8
- code[class*="language-"],
9
- pre[class*="language-"] {
10
- color: #f8f8f2;
11
- background: none;
12
- text-shadow: 0 1px rgba(0, 0, 0, 0.3);
13
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
14
- text-align: left;
15
- white-space: pre;
16
- word-spacing: normal;
17
- word-break: normal;
18
- word-wrap: normal;
19
- line-height: 1.5;
20
-
21
- -moz-tab-size: 4;
22
- -o-tab-size: 4;
23
- tab-size: 4;
24
-
25
- -webkit-hyphens: none;
26
- -moz-hyphens: none;
27
- -ms-hyphens: none;
28
- hyphens: none;
29
- }
30
-
31
- /* Code blocks */
32
- pre[class*="language-"] {
33
- padding: 1em;
34
- margin: .5em 0;
35
- overflow: auto;
36
- border-radius: 0.3em;
37
- }
38
-
39
- :not(pre) > code[class*="language-"],
40
- pre[class*="language-"] {
41
- background: #333333;
42
- }
43
-
44
- /* Inline code */
45
- :not(pre) > code[class*="language-"] {
46
- padding: .1em;
47
- border-radius: .3em;
48
- white-space: normal;
49
- }
50
-
51
- .token.comment,
52
- .token.prolog,
53
- .token.doctype,
54
- .token.cdata {
55
- color: slategray;
56
- }
57
-
58
- .token.punctuation {
59
- color: #f8f8f2;
60
- }
61
-
62
- .namespace {
63
- opacity: .7;
64
- }
65
-
66
- .token.property,
67
- .token.tag,
68
- .token.constant,
69
- .token.symbol,
70
- .token.deleted {
71
- color: #FA8072;
72
- }
73
-
74
- .token.boolean,
75
- .token.number {
76
- color: #ae81ff;
77
- }
78
-
79
- .token.selector,
80
- .token.attr-name,
81
- .token.string,
82
- .token.char,
83
- .token.builtin,
84
- .token.inserted {
85
- color: #B0E0E6;
86
- }
87
-
88
- .token.operator,
89
- .token.entity,
90
- .token.url,
91
- .language-css .token.string,
92
- .style .token.string,
93
- .token.variable {
94
- color: #F0E68C;
95
- }
96
-
97
- .token.atrule,
98
- .token.attr-value,
99
- .token.function {
100
- color: #dfd68a;
101
- }
102
-
103
- .token.keyword {
104
- color: #76b9c7;
105
- }
106
-
107
- .token.regex,
108
- .token.important {
109
- color: #F5DEB3;
110
- }
111
-
112
- .token.important,
113
- .token.bold {
114
- font-weight: bold;
115
- }
116
- .token.italic {
117
- font-style: italic;
118
- }
119
-
120
- .token.entity {
121
- cursor: help;
122
- }
123
-
124
-
@@ -1,506 +0,0 @@
1
- @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
2
-
3
- /*
4
- ---
5
- name: Paragraph
6
- category: body
7
- ---
8
-
9
- ```html
10
- <p>
11
- The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
12
- </p>
13
- ```
14
-
15
- */
16
-
17
- /*
18
- ---
19
- name: Heading
20
- category: body
21
- ---
22
-
23
- ```html
24
- <h1>Heading1</h1>
25
- <h2>Heading2</h2>
26
- <h3>Heading3</h3>
27
- <h4>Heading4</h4>
28
- <h5>Heading5</h5>
29
- <h6>Heading6</h6>
30
- ```
31
-
32
- */
33
-
34
-
35
- /*
36
- ---
37
- name: Header
38
- category: layout/header
39
- tag:
40
- - deprecated
41
- ---
42
-
43
- ```html
44
- <header class="aigis-header">
45
- <a href="#">Styleguide</a>
46
- </header>
47
- ```
48
-
49
- */
50
- .aigis-header {
51
- position: fixed;
52
- top:0;
53
- padding:10px 30px;
54
- width:100%;
55
- height:50px;
56
- background-color: #486491;
57
- z-index:10000; }
58
- .aigis-header span a {
59
- color: #fff;
60
- font-size: 2.6em;
61
- font-family: "Noto Sans KR", "Nanum Gothic",;
62
- text-decoration: none;
63
- line-height: 110%;
64
- }
65
- .aigis-header div {
66
- float: right;}
67
-
68
- /*
69
- ---
70
- name: Footer
71
- category: layout/footer
72
- tag: latest
73
- ---
74
-
75
- ```html
76
- <footer class="aigis-footer">Last update at 2016/03/23 20:48</footer>
77
- ```
78
-
79
- */
80
- .aigis-footer {
81
- padding-top: 2rem;
82
- padding-bottom: 2rem;
83
- margin-top: 2rem;
84
- line-height: 1.75;
85
- /* color: #7a7a7a; */
86
- border-top: 1px solid #eee;
87
- text-align: center;
88
- font-size: 16px; }
89
-
90
- /*
91
- ---
92
- name: Preview
93
- category: body
94
- tag: latest
95
- ---
96
-
97
- ```html
98
- <div class="aigis-preview">
99
- <a class="ex-ag-btn">Button</a>
100
- <button class="ex-ag-btn ex-ag-btn--primary">Button</button>
101
- </div>
102
- ```
103
-
104
- */
105
- .aigis-codeblock, .aigis-preview {
106
- position: relative;
107
- margin: 0;
108
- overflow: visible;
109
- /* background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAF0lEQVR4AWP4DwVvoWCgBGAMmMQACQAAuK72AWHjK4wAAAAASUVORK5CYII=' ); */
110
- }
111
- .aigis-preview::before {
112
- content: 'preview';
113
- position: absolute;
114
- right:0;
115
- top:0;
116
- font-size: 10px;
117
- padding: 2px 4px 2px 5px;
118
- border-bottom-left-radius: 3px;
119
- color: #fff;
120
- background: #181818;
121
- }
122
- .aigis-preview::after {
123
- content: '';
124
- clear: both;
125
- display: block;
126
- }
127
-
128
- .ex-ag-btn {
129
- -webkit-appearance: none;
130
- display: inline-block;
131
- border: none;
132
- background-color: #3DB680;
133
- color: #fff;
134
- padding: 10px 20px;
135
- text-align: center;
136
- line-height: 40px;
137
- min-width: 200px;
138
- font-size: 20px;
139
- box-sizing: border-box; }
140
- .ex-ag-btn--primary {
141
- color: black;
142
- background-color: #FFEA3A; }
143
-
144
-
145
- /*
146
- ---
147
- name: Codeblock
148
- category: body
149
- tag: latest
150
- ---
151
-
152
- ```html
153
- <pre><code class="lang-html"><pre class="editor editor-colors"><div class="line"><span class="text html gohtml"><span class="meta tag block any html"><span class="punctuation definition tag begin html"><span>&lt;</span></span><span class="entity name tag block any html"><span>div</span></span><span>&nbsp;</span><span class="entity other attribute-name html"><span>class</span></span><span>=</span><span class="string quoted double html"><span class="punctuation definition string begin html"><span>"</span></span><span>aigis-header</span><span class="punctuation definition string end html"><span>"</span></span></span><span class="punctuation definition tag end html"><span>&gt;</span></span></span></span></div><div class="line"><span class="text html gohtml"><span>&nbsp;&nbsp;hoge</span></span></div><div class="line"><span class="text html gohtml"><span class="meta tag block any html"><span class="punctuation definition tag begin html"><span>&lt;/</span></span><span class="entity name tag block any html"><span>div</span></span><span class="punctuation definition tag end html"><span>&gt;</span></span></span></span></div></pre>
154
- </code></pre>
155
- ```
156
-
157
- */
158
- .aigis-module pre:not([aria-hidden="true"]) {
159
- background-color: #272822;
160
- color: #f8f8f2;
161
- font-size: 14px;
162
- position: relative;
163
- padding: 0.5em;
164
- border-radius: 3px;
165
- margin: 0 auto 3em;
166
- border: 1px solid #A0A0A0;
167
- max-height: 300px;
168
- overflow: auto }
169
- .aigis-module pre + pre{
170
- margin-top: -3em;
171
- margin-bottom: 3em; }
172
- .aigis-module > ul:not([class]) {
173
- list-style: disc;
174
- margin: 10px 30px; }
175
-
176
- .aigis-preview {
177
- border: 1px solid #A0A0A0;
178
- border-radius: 3px;
179
- border-radius: 3px 3px 0 0;
180
- padding: 20px 10px;
181
- padding: 16px;
182
- margin: 0;
183
- margin-top: 10px; }
184
- .aigis-preview p + p {
185
- margin-top: 10px; }
186
- .aigis-preview + pre {
187
- position: relative;
188
- border-radius: 0 0 3px 3px;
189
- border-top: none;
190
- margin-top: 0;
191
- height: auto;
192
- overflow-x: auto;
193
- }
194
- .aigis-module.Chart .aigis-preview {
195
- display: block;
196
- }
197
- .aigis-module.Chart .aigis-preview > div,
198
- .aigis-module.Chart table,
199
- .aigis-module.Chart table + pre,
200
- .aigis-module.Chart pre + pre{
201
- display: inline-block;
202
- width: 49%;
203
- margin-right: 5px;
204
- vertical-align: middle;
205
- }
206
- .aigis-module.JsonView table:not(:last-of-type) td > pre {
207
- max-width: 270px
208
- }
209
- /*
210
- ---
211
- name: Sidemenu
212
- category: layout/sidemenu
213
- tag: latest
214
- ---
215
-
216
- ```html
217
- <div class="aigis-sidemenu">
218
- <header class="aigis-header">
219
- <a href="../../index.html">Styleguide</a>
220
- </header>
221
- <h2 class="aigis-sidemenu__heading">Category</h2>
222
- <nav class="aigis-categoryList">
223
-
224
- </nav>
225
- <h2 class="aigis-sidemenu__heading">Tag</h2>
226
- <nav class="aigis-tags aigis-tagList">
227
-
228
- </nav>
229
- <h2 class="aigis-sidemenu__heading"><a href="../../color.html">All Colors</a></h2>
230
- </div>
231
- ```
232
-
233
- */
234
- .aigis-sidemenu {
235
- position: fixed;
236
- top: 50px;
237
- bottom: 0;
238
- left: 0;
239
- padding-top:20px;
240
- padding-bottom:20px;
241
- width: 280px;
242
- border-right:1px solid #d4dbe4;
243
- box-sizing: border-box;
244
- background-color: #fff;
245
- color: #33331a;
246
- -ms-overflow-style: none;
247
- overflow-x: auto;}
248
- .aigis-sidemenu::-webkit-scrollbar {display:none;}
249
- .aigis-sidemenu__heading {
250
- font-size: 30px;
251
- margin: 12px 0;
252
- color: #33331a;
253
- font-weight: normal;
254
- padding-left: 10px;
255
- line-height: 1em; }
256
- .aigis-sidemenu__heading a {
257
- color: inherit;
258
- text-decoration: none; }
259
-
260
- .aigis-preview .aigis-sidemenu {
261
- position: relative;
262
- }
263
-
264
-
265
-
266
-
267
-
268
- /*
269
- ---
270
- name: Category list
271
- category: layout/sidemenu
272
- tag: latest
273
- ---
274
-
275
- ```html
276
- <h2 class="aigis-sidemenu__heading">Category</h2>
277
- <nav class="aigis-categoryList">
278
- <ul data-path-depth="0">
279
- <li data-path-depth="0">body</li>
280
- <li data-path-depth="0"><a href="#">layout</a>
281
- <ul data-path-depth="1">
282
- <li data-path-depth="1"><a href="#">sidemenu</a></li>
283
- </ul>
284
- </li>
285
- </ul>
286
- </nav>
287
- ```
288
-
289
- */
290
- .aigis-categoryList ul li{
291
- padding: 3px 10px;
292
- font-size: 14px;
293
- list-style: none; }
294
-
295
- .aigis-categoryList li a{
296
- display: block;
297
- position: relative;
298
- padding: 3px 10px 3px 10px;
299
- color: #454545;
300
- text-overflow: ellipsis;
301
- overflow: hidden;
302
- white-space: nowrap;
303
- border-radius: 0px;
304
- outline: none;;
305
- text-decoration: none; }
306
-
307
- .aigis-categoryList li:hover a[href]:hover{
308
- text-decoration: underline;
309
- color: #2a436b; }
310
- .aigis-categoryList li[data-path-depth] a:before {
311
- content: "";
312
- margin-right: 10px; }
313
- .aigis-categoryList li[data-path-depth="1"] a:before {
314
- margin-left: 1em; }
315
- .aigis-categoryList li[data-path-depth="2"] a:before {
316
- margin-left: 2em; }
317
- .aigis-categoryList li[data-path-depth="3"] a:before {
318
- margin-left: 3em; }
319
- .aigis-categoryList li[data-path-depth="4"] a:before {
320
- margin-left: 4em; }
321
- .aigis-categoryList li[data-path-depth] [data-tree-current],
322
- .aigis-categoryList .current > a {
323
- background-color: #d2d2d2;
324
- color: #004ba9 !important;
325
- text-decoration: none !important;
326
- }
327
-
328
- /*
329
- ---
330
- name: Tag list
331
- category: layout/sidemenu
332
- tag: latest
333
- ---
334
-
335
- ```html
336
- <nav class="aigis-tags aigis-tagList">
337
- <a class="aigis-tags__item aigis-tags__item--deprecated" href="#">deprecated</a>
338
- <a class="aigis-tags__item aigis-tags__item--latest" href="#">latest</a>
339
- </nav>
340
- ```
341
-
342
- */
343
- .aigis-tags {
344
- padding: 10px;
345
- padding-left: 0;
346
- margin: 0; }
347
- /*
348
- ---
349
- name: Module list
350
- category: body
351
- tag: latest
352
- ---
353
-
354
- ```html
355
- <nav>
356
- <h2 class="aigis-module__heading">Modules</h2>
357
- <ul class="aigis-moduleList">
358
- <li class="aigis-moduleList__item">
359
- <a href="#header">header</a>
360
- </li>
361
- <li class="aigis-moduleList__item">
362
- <a href="#sidemenu">sidemenu</a>
363
- </li>
364
- <li class="aigis-moduleList__item">
365
- <a href="#category list">category list</a>
366
- </li>
367
- <li class="aigis-moduleList__item">
368
- <a href="#tags">tags</a>
369
- </li>
370
- </ul>
371
- </nav>
372
- ```
373
-
374
- */
375
- .aigis-moduleList {
376
- line-height: 1.6;
377
- font-size: 16px; }
378
- .aigis-moduleList__item a {
379
- color: #08f;
380
- text-decoration: none; }
381
- .aigis-moduleList__item a:hover {
382
- text-decoration: underline; }
383
-
384
- .aigis-module__heading {
385
- padding-bottom: 0.3em;
386
- font-size: 1.75em;
387
- line-height: 1.225;
388
- border-bottom: 1px solid #eee;
389
- position: relative; }
390
- .aigis-module__heading:hover a {
391
- position: relative; }
392
- .aigis-module__heading:hover a:before {
393
- content: "\00a7";
394
- position: absolute;
395
- right: 100%;
396
- bottom: 5px;
397
- font-size: 20px;
398
- color: #000;
399
- padding-right: 5px;
400
- padding-left: 5px; }
401
-
402
- /*
403
- ---
404
- name: File path
405
- category: body
406
- ---
407
-
408
- ```html
409
- <div class="aigis-module__filepath">
410
- /aigis_assets/css/theme.css
411
- </div>
412
- ```
413
-
414
- */
415
-
416
- .aigis-module__filepath {
417
- display: block;
418
- text-align: right;
419
- font-size: 12px;
420
- color: #ADADAD; }
421
-
422
- /*
423
- ---
424
- name: Color palette
425
- category: layout/special
426
- tag: special
427
- ---
428
-
429
- ```html
430
- <div class="aigis-contents__body">
431
- <h2 class="aigis-module__heading">colors</h2>
432
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #428b1c;"></div><div class="aigis-colorPalette__label">#428b1c</div></div>
433
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #55b5db;"></div><div class="aigis-colorPalette__label">#55b5db</div></div>
434
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #5B594B;"></div><div class="aigis-colorPalette__label">#5B594B</div></div>
435
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #6272a4;"></div><div class="aigis-colorPalette__label">#6272a4</div></div>
436
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #666;"></div><div class="aigis-colorPalette__label">#666</div></div>
437
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #66d9ef;"></div><div class="aigis-colorPalette__label">#66d9ef</div></div>
438
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #66D9EF;"></div><div class="aigis-colorPalette__label">#66D9EF</div></div>
439
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #6be5fd;"></div><div class="aigis-colorPalette__label">#6be5fd</div></div>
440
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #728fcb;"></div><div class="aigis-colorPalette__label">#728fcb</div></div>
441
- <div class="aigis-colorPalette"><div class="aigis-colorPalette__color" style="background-color: #75715E;"></div><div class="aigis-colorPalette__label">#75715E</div></div>
442
- </div>
443
- ```
444
-
445
- */
446
- .aigis-colorPalette {
447
- margin-top: 5px; }
448
- .aigis-colorPalette__color {
449
- display: inline-block;
450
- vertical-align: middle;
451
- height: 40px;
452
- width: 50%;
453
- margin-right: 5px; }
454
- .aigis-colorPalette__label {
455
- display: inline-block;
456
- vertical-align: middle;
457
- line-height: 40px; }
458
-
459
- body {
460
- margin: 0;
461
- padding: 0;
462
- font-size: 1rem;
463
- font-family: BlinkMacSystemFont, -apple-system, Dhurjati "Nanum Gothic" "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
464
-
465
- }
466
-
467
- .aigis-module > ul code, .aigis-module > p code, .aigis-contents__body > ul code, .aigis-contents__body > p code, .aigis-contents__body > h2 code, .aigis-contents__body > h3 code {
468
- color: #666;
469
- background-color: #f7f7f7;
470
- padding: 0 3px;
471
- font-size: 1.2em;
472
- border-radius: 3px; }
473
-
474
- .aigis-container {
475
- box-sizing: border-box;
476
- width: auto;
477
- min-width: 960px;
478
- margin-right: auto; }
479
- .aigis-container:after {
480
- content: "";
481
- display: table;
482
- clear: both; }
483
-
484
- .aigis-contents {
485
- box-sizing: border-box;
486
- padding-right: 10px;
487
- padding-left: 280px;
488
- padding-top:50px;
489
- margin: 0 auto;
490
- /* font-size: 18px; */
491
- }
492
- .aigis-contents__body {
493
- /* color: #33331a; */
494
- max-width: 960px;
495
- min-width: 600px;
496
- padding: 20px 20px;
497
- margin: 0 auto; }
498
- .aigis-contents__body > p {
499
- margin-bottom: 1em; }
500
-
501
- /*
502
- main
503
- */
504
- .aigis-main-page {
505
- padding: 10px;
506
- }