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.
- package/@types/gnui.d.ts +202 -154
- package/README.md +9 -3
- package/assets/NotoSansKR-Black.otf +0 -0
- package/assets/NotoSansKR-Black.woff +0 -0
- package/assets/NotoSansKR-Black.woff2 +0 -0
- package/assets/NotoSansKR-Bold.otf +0 -0
- package/assets/NotoSansKR-Bold.woff +0 -0
- package/assets/NotoSansKR-Bold.woff2 +0 -0
- package/assets/NotoSansKR-DemiLight.otf +0 -0
- package/assets/NotoSansKR-DemiLight.woff +0 -0
- package/assets/NotoSansKR-DemiLight.woff2 +0 -0
- package/assets/NotoSansKR-Light.otf +0 -0
- package/assets/NotoSansKR-Light.woff +0 -0
- package/assets/NotoSansKR-Light.woff2 +0 -0
- package/assets/NotoSansKR-Medium.otf +0 -0
- package/assets/NotoSansKR-Medium.woff +0 -0
- package/assets/NotoSansKR-Medium.woff2 +0 -0
- package/assets/NotoSansKR-Regular.otf +0 -0
- package/assets/NotoSansKR-Regular.woff +0 -0
- package/assets/NotoSansKR-Regular.woff2 +0 -0
- package/assets/NotoSansKR-Thin.otf +0 -0
- package/assets/NotoSansKR-Thin.woff +0 -0
- package/assets/NotoSansKR-Thin.woff2 +0 -0
- package/assets/{LICENSE_OFL.txt → OFL.txt} +93 -92
- package/assets/images/flags.png +0 -0
- package/package.json +53 -37
- package/assets/NotoSansCJKkr-Black.otf +0 -0
- package/assets/NotoSansCJKkr-Bold.otf +0 -0
- package/assets/NotoSansCJKkr-DemiLight.otf +0 -0
- package/assets/NotoSansCJKkr-Light.otf +0 -0
- package/assets/NotoSansCJKkr-Medium.otf +0 -0
- package/assets/NotoSansCJKkr-Regular.otf +0 -0
- package/assets/NotoSansCJKkr-Thin.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Bold.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Regular.otf +0 -0
- package/assets/README +0 -11
- package/dist/js/gnui.esm.js +0 -22174
- package/dist/js/gnui.js +0 -22473
- package/dist/js/gnui.min.js +0 -1
- package/dist/styles/default.css +0 -3
- package/dist/styles/gpi.css +0 -3
- package/dist/styles/insights.css +0 -3
- package/dist/styles/nac.css +0 -3
- package/dist/styles/zt-nac.css +0 -3
- package/styleguide/assets/components.js +0 -1280
- package/styleguide/assets/guide.js +0 -45
- package/styleguide/assets/image.png +0 -0
- package/styleguide/assets/okadia.css +0 -124
- package/styleguide/assets/theme.css +0 -506
- package/styleguide/category/COLOR/index.html +0 -158
- package/styleguide/category/COMPONENT/Alert(js)/index.html +0 -421
- package/styleguide/category/COMPONENT/Bignumber/index.html +0 -273
- package/styleguide/category/COMPONENT/Breadcrumb/index.html +0 -328
- package/styleguide/category/COMPONENT/Calendar(js)/index.html +0 -239
- package/styleguide/category/COMPONENT/Card/index.html +0 -188
- package/styleguide/category/COMPONENT/Chart(js)/index.html +0 -558
- package/styleguide/category/COMPONENT/Datagrid(js)/index.html +0 -545
- package/styleguide/category/COMPONENT/Growl(js)/index.html +0 -288
- package/styleguide/category/COMPONENT/JsonView(js)/index.html +0 -829
- package/styleguide/category/COMPONENT/Message(js)/index.html +0 -391
- package/styleguide/category/COMPONENT/Modal(js)/index.html +0 -410
- package/styleguide/category/COMPONENT/Pagination/index.html +0 -352
- package/styleguide/category/COMPONENT/Panel/index.html +0 -309
- package/styleguide/category/COMPONENT/Progressbar(js)/index.html +0 -316
- package/styleguide/category/COMPONENT/Tab(js)/index.html +0 -444
- package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +0 -261
- package/styleguide/category/COMPONENT/Time(js)/index.html +0 -244
- package/styleguide/category/COMPONENT/Tooltip(js)/index.html +0 -317
- package/styleguide/category/COMPONENT/Tree(js)/index.html +0 -401
- package/styleguide/category/CONTROLS/Button(js)/index.html +0 -440
- package/styleguide/category/CONTROLS/Checkbox/index.html +0 -198
- package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +0 -209
- package/styleguide/category/CONTROLS/Datepicker(js)/index.html +0 -260
- package/styleguide/category/CONTROLS/Dropdown(js)/index.html +0 -1033
- package/styleguide/category/CONTROLS/File/index.html +0 -316
- package/styleguide/category/CONTROLS/Form/Control/index.html +0 -231
- package/styleguide/category/CONTROLS/Form/Field/index.html +0 -258
- package/styleguide/category/CONTROLS/Form/Plain/index.html +0 -197
- package/styleguide/category/CONTROLS/Input/index.html +0 -334
- package/styleguide/category/CONTROLS/MenuButton(js)/index.html +0 -257
- package/styleguide/category/CONTROLS/MultiText(js)/index.html +0 -260
- package/styleguide/category/CONTROLS/Picklist(js)/index.html +0 -699
- package/styleguide/category/CONTROLS/Radio/index.html +0 -201
- package/styleguide/category/CONTROLS/Select/index.html +0 -442
- package/styleguide/category/CONTROLS/SelectButton(js)/index.html +0 -236
- package/styleguide/category/CONTROLS/Slider/index.html +0 -193
- package/styleguide/category/CONTROLS/Switch(js)/index.html +0 -333
- package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +0 -483
- package/styleguide/category/CONTROLS/Textarea/index.html +0 -189
- package/styleguide/category/ELEMENTS/Box/index.html +0 -167
- package/styleguide/category/ELEMENTS/Icon/index.html +0 -265
- package/styleguide/category/ELEMENTS/Image/index.html +0 -213
- package/styleguide/category/ELEMENTS/List/index.html +0 -396
- package/styleguide/category/ELEMENTS/Table/index.html +0 -483
- package/styleguide/category/ELEMENTS/Tag/index.html +0 -255
- package/styleguide/category/ELEMENTS/Title/index.html +0 -186
- package/styleguide/category/LAYOUT/Container/index.html +0 -235
- package/styleguide/category/LAYOUT/Grid/index.html +0 -400
- package/styleguide/category/LAYOUT/Splitter(js)/index.html +0 -278
- package/styleguide/category/UTILITY/index.html +0 -367
- package/styleguide/category/Utils/index.html +0 -305
- package/styleguide/color.html +0 -168
- package/styleguide/index.html +0 -168
- package/styleguide/tag/javascript/index.html +0 -6224
- package/styleguide/tag/v.0.1.0/index.html +0 -10807
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width">
|
|
6
|
-
<link href="../../../../dist/styles/default.css" rel="stylesheet" id="ThemeFile">
|
|
7
|
-
<link href="../../../assets/okadia.css" rel="stylesheet">
|
|
8
|
-
<link href="../../../assets/theme.css" rel="stylesheet">
|
|
9
|
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
|
|
10
|
-
<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
|
|
11
|
-
<script src="../../../assets/components.js"></script>
|
|
12
|
-
<script src="../../../../dist/js/gnui.js"></script>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<div class="aigis-container">
|
|
16
|
-
<header class="aigis-header gn-gcolor is-primary">
|
|
17
|
-
<span><a href="../../../index.html" class="main-link" style="font-family: 'Squada One', cursive;">GNUI</a></span>
|
|
18
|
-
<span class="has-text-invert" style="font-size: 1.0em;padding-left: 10px;">Start your next web project with GNUI.</span>
|
|
19
|
-
<div class="gn-select is-medium">
|
|
20
|
-
<select id="ThemeSelector">
|
|
21
|
-
|
|
22
|
-
<option value="default">default</option>
|
|
23
|
-
|
|
24
|
-
<option value="nac">nac</option>
|
|
25
|
-
|
|
26
|
-
<option value="insights">insights</option>
|
|
27
|
-
|
|
28
|
-
<option value="gpi">gpi</option>
|
|
29
|
-
|
|
30
|
-
<option value="zt-nac">zt-nac</option>
|
|
31
|
-
|
|
32
|
-
</select>
|
|
33
|
-
</div>
|
|
34
|
-
<div>
|
|
35
|
-
<a class="gn-button is-primary util-link" href="../../../category/Utils/index.html">
|
|
36
|
-
<span class="gn-icon is-small">
|
|
37
|
-
<i class="fas fa-tools"></i>
|
|
38
|
-
</span>
|
|
39
|
-
Gn.util
|
|
40
|
-
</a>
|
|
41
|
-
</div>
|
|
42
|
-
</header>
|
|
43
|
-
<div class="aigis-sidemenu">
|
|
44
|
-
<nav class="gn-tree is-borderless is-large left-menu">
|
|
45
|
-
</nav>
|
|
46
|
-
</div>
|
|
47
|
-
|
|
48
|
-
<script>
|
|
49
|
-
window.Gn = window.gnui;
|
|
50
|
-
|
|
51
|
-
Gn.ready(function(){
|
|
52
|
-
var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
|
|
53
|
-
var jsComps = ''.split(',');
|
|
54
|
-
delete leftMenu.Utils;
|
|
55
|
-
Gn.util.append('.left-menu', renderTree(leftMenu));
|
|
56
|
-
Gn.util.scrollIntoView(Gn.util.$('.tree-item.is-active'), 300);
|
|
57
|
-
|
|
58
|
-
function renderTree(menus){
|
|
59
|
-
var $depths = Gn.util.$('<ul></ul>');
|
|
60
|
-
Gn.util.each(menus, function (child, menu){
|
|
61
|
-
if(Gn.util.isString(child)){
|
|
62
|
-
Gn.util.append($depths, renderMenu(menu, '../../../category/'+child+'/index.html', location.href.indexOf(child+'/') > -1));
|
|
63
|
-
} else {
|
|
64
|
-
var $_depth = renderMenu(menu, '');
|
|
65
|
-
Gn.util.append($_depth, renderTree(child));
|
|
66
|
-
Gn.util.append($depths, $_depth);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
return $depths;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
function renderMenu(name, link, isActive){
|
|
73
|
-
var $_menu;
|
|
74
|
-
if (link === ''){
|
|
75
|
-
$_menu = Gn.util.$('<li>' + name + '</li>');
|
|
76
|
-
} else {
|
|
77
|
-
var menuClass = isActive ? ' is-active' :''
|
|
78
|
-
$_menu = Gn.util.$('<li><a href="' + link + '"><div class="tree-item'+menuClass+'">' + name.split('(js)').join('') + '</a></div></li>');
|
|
79
|
-
}
|
|
80
|
-
if(name.indexOf('(js)') > 0){
|
|
81
|
-
Gn.util.append(Gn.util.find('.tree-item', $_menu), Gn.util.$('<span class="gn-tag is-small is-info-light">JS</span>'));
|
|
82
|
-
}
|
|
83
|
-
return $_menu;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function setTree(categorys){
|
|
87
|
-
var menus = {};
|
|
88
|
-
|
|
89
|
-
categorys.forEach(function(category){
|
|
90
|
-
parseTree(menus, category.split('/'), category);
|
|
91
|
-
});
|
|
92
|
-
return menus;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
function parseTree(parents, child, catgry){
|
|
96
|
-
var _depth = child.shift();
|
|
97
|
-
if (parents[_depth] === undefined) {
|
|
98
|
-
parents[_depth] = {}
|
|
99
|
-
}
|
|
100
|
-
if(child.length === 1){
|
|
101
|
-
parents[_depth][child] = catgry;
|
|
102
|
-
} else if (child.length > 1) {
|
|
103
|
-
parseTree(parents[_depth], child, catgry);
|
|
104
|
-
} else {
|
|
105
|
-
parents[_depth] = catgry;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
</script>
|
|
110
|
-
|
|
111
|
-
<div class="aigis-contents">
|
|
112
|
-
<div class="aigis-contents__body">
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
<div>
|
|
116
|
-
<div class="aigis-module Container">
|
|
117
|
-
<h2 class="aigis-module__heading" id="Container">
|
|
118
|
-
Container
|
|
119
|
-
</h2>
|
|
120
|
-
<div class="aigis-module__filepath">
|
|
121
|
-
/scss/layout/container.scss
|
|
122
|
-
</div>
|
|
123
|
-
<div class="aigis-tags">
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
<span class="gn-tag">v.0.1.0</span>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
</div>
|
|
130
|
-
|
|
131
|
-
<h3 id="-">기본 사용</h3>
|
|
132
|
-
<ul>
|
|
133
|
-
<li>단순 영역구분을 위한 컨테이너 (No margin)</li>
|
|
134
|
-
<li>사용 태그: <code>div</code>, <code>main</code>, <code>navibar</code>, <code>section</code> 등</li>
|
|
135
|
-
</ul>
|
|
136
|
-
<div class="aigis-preview">
|
|
137
|
-
<div class="gn-container">
|
|
138
|
-
<p>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</p>
|
|
139
|
-
</div></div>
|
|
140
|
-
|
|
141
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-container<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
142
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>p</span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>p</span><span class="token punctuation" >></span></span>
|
|
143
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
144
|
-
</code></pre>
|
|
145
|
-
<h3 id="-is-max-">넓이제한 (is-max)</h3>
|
|
146
|
-
<ul>
|
|
147
|
-
<li>내부 컨텐츠의 가로 넓이가 100% 이상일 경우 스크롤로 표현</li>
|
|
148
|
-
</ul>
|
|
149
|
-
<div class="aigis-preview">
|
|
150
|
-
<div class="gn-container is-max">
|
|
151
|
-
<table class="gn-table is-stripe">
|
|
152
|
-
<tr>
|
|
153
|
-
<td class="is-nowrap">Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
154
|
-
<td class="is-nowrap">Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
155
|
-
</tr>
|
|
156
|
-
<tr>
|
|
157
|
-
<td>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
158
|
-
<td>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
159
|
-
</tr>
|
|
160
|
-
<tr>
|
|
161
|
-
<td>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
162
|
-
<td>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
163
|
-
</tr>
|
|
164
|
-
</table>
|
|
165
|
-
</div></div>
|
|
166
|
-
|
|
167
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-container is-max<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
168
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>table</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-table is-stripe<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
169
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
170
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>is-nowrap<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
171
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>is-nowrap<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
172
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
173
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
174
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
175
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
176
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
177
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
178
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
179
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
180
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
181
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>table</span><span class="token punctuation" >></span></span>
|
|
182
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
183
|
-
</code></pre>
|
|
184
|
-
<h3 id="-has-padding-">여백포함 (has-padding)</h3>
|
|
185
|
-
<div class="aigis-preview">
|
|
186
|
-
<div class="gn-container has-padding">
|
|
187
|
-
<table class="gn-table is-stripe">
|
|
188
|
-
<tr>
|
|
189
|
-
<td class="is-nowrap">Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
190
|
-
<td class="is-nowrap">Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
191
|
-
</tr>
|
|
192
|
-
<tr>
|
|
193
|
-
<td>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
194
|
-
<td>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
195
|
-
</tr>
|
|
196
|
-
<tr>
|
|
197
|
-
<td>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.</td>
|
|
198
|
-
<td>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.</td>
|
|
199
|
-
</tr>
|
|
200
|
-
</table>
|
|
201
|
-
</div></div>
|
|
202
|
-
|
|
203
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-container has-padding<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
204
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>table</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-table is-stripe<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
205
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
206
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>is-nowrap<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
207
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>is-nowrap<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
208
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
209
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
210
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
211
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
212
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
213
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>tr</span><span class="token punctuation" >></span></span>
|
|
214
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Irure dolor id adipisicing eu labore eu magna culpa voluptate enim minim. Mollit officia adipisicing nostrud qui incididunt tempor tempor elit Lorem irure sit. Culpa eu excepteur laboris officia magna.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
215
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>td</span><span class="token punctuation" >></span></span>Cillum duis labore reprehenderit ipsum amet ex labore pariatur occaecat cillum sint non Lorem.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>td</span><span class="token punctuation" >></span></span>
|
|
216
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>tr</span><span class="token punctuation" >></span></span>
|
|
217
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>table</span><span class="token punctuation" >></span></span>
|
|
218
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
219
|
-
</code></pre>
|
|
220
|
-
|
|
221
|
-
</div>
|
|
222
|
-
</div>
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
<footer class="aigis-footer">Last update at 2023/04/04 17:59</footer>
|
|
227
|
-
</div>
|
|
228
|
-
</div>
|
|
229
|
-
</div>
|
|
230
|
-
<script src="../../../assets/guide.js"></script>
|
|
231
|
-
</body>
|
|
232
|
-
</html>
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|