1.4.0 • Published 5 years ago
uipack-idus v1.4.0
UIPACK-IDUS
UI used in www.idus.com
Todo
- remove jquery
UI GUIDE
Install
npm install uipack-idus
unpkg
<script src="http://unpkg.com/uipack-idus/dist/uipack.js"></script>
<link rel="stylesheet" href="http://unpkg.com/uipack-idus/dist/uipack.css">
Element Properties
<div class="ui_example" data-uipack="example" data-state="active"></div>
class
:css
전용 셀렉터data-uipack
:js
전용 셀렉터data-state
:css
&js
공용 프로퍼티 (active
,disabled
, etc...)class
&data-uipack
네이밍은 동일하게 (스타일 클래스는ui_
프리픽스 추가)
File Naming
- 스타일관련 클래스명 === data-uipack 값 === 파일명
- scss file:
ui_example.scss
- js file:
ui_example.js
SCSS convention
## 하나의 컴포넌트에서 복수 클래스 사용 안함
<!-- 👎 -->
<div class="ui_card ui_card--story">
...
</div>
<!-- 👍 -->
<div class="ui_card--story">
...
</div>
.ui_card {
// base style
...
// modifier
&--story {
@extend .ui_card;
// extended style
...
}
}
1.4.0
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.7
5 years ago
1.1.6
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago