techne

중요한 통지

이 공개 저장소는 읽기 전용이며 더 이상 유지 관리되지 않습니다.

유지 보수 모드의 Techne

Techne 구성 요소 라이브러리는 더 이상 적극적으로 개발되지 않았습니다. 프로젝트는 당분간 계속 활동할 것입니다. Techne의 다음 진화는 기본 UI를 확인하십시오.

Hybris Techne은 YAAS의 최신 모바일 우선 사용자 중심 경험 디자인을위한 설계 지침 및 구성 요소 라이브러리입니다.

구성 요소

Hybris Techne에 포함 된 UI 구성 요소 목록은이 페이지를 참조하십시오. https://techne.yaas.io/components/alerts-errors-notifications.html

설치

Bower를 사용하여 설치하십시오

터미널 또는 명령 프롬프트에서 다음 명령을 사용하여 Bower를 사용하여 Techne을 설치할 수 있습니다. bower install hyTechne

NPM을 사용하여 설치하십시오

Techne은 또한 NPM 패키지로도 가능합니다. 터미널 또는 명령 프롬프트에서 다음 명령으로 설치할 수 있습니다 : npm install techne

시작하기

시작하기위한 네 가지 빠른 단계 :

• 레포를 복제하십시오.
• 노드 종속성 설치 NPM : npm install .
• Bower Dependencies Bower : bower install 설치
• KSS 초기화 : gulp patchgulpkss
• NPM 실행 : npm start 또는 실행 Gulp : gulp
• 기본 Bower와 다른 폴더 설정이있는 경우 Config.json을 필요에 맞게 수정해야합니다.

구조는 무엇입니까?

리포 내에서 다음 디렉토리와 파일을 찾을 수 있습니다.

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

그래서 당신은 스스로 덜 구축하고 싶습니까?

그보다 더 쉬운 것은 없습니다! @import "bower_components/hyTechne/src/less/styles"; .

중요 : @bower-path set에는 기본값이 없습니다. 이 변수를 자신의 스타일 시트에서 정의하고 bower_components 폴더를 가리킬 필요가 있습니다. (후행 슬래시 없음).

@bower-path: '../../bower_components';

이유 : 가져 오기 경로에서 변수를 덮어 쓸 수 있으려면 아직 변수를 정의 할 수 없습니다. 그렇지 않으면 컴파일러가 적을수록 첫 번째 정의를 선택합니다.

또한 스타일을 포함한 후 덜 포함 된 경로 변수를 덮어 쓰면 글꼴 경로를 수정해야합니다.

@import "_resource-paths";

파일에 다음과 같은 것을 추가하십시오.

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

참고 : 최소 필수 버전의 최소 버전은 2.3.0입니다.