CiscoUIKit

所属分类:collect
开发工具:CSS
文件大小:0KB
下载次数:0
上传日期:2022-06-01 05:24:51
上 传 者sh-1993
说明:  思科品牌认可的用户界面套件。一种现代、轻量级、响应性和可编程的表示层,可用于存储...,
(The Cisco Brand-approved user interface kit. A modern, lightweight, responsive and programmable presentation layer that can be used to style HTML primitive elements and UI-framework independent.)

文件列表:
CONTRIBUTING.md (768, 2019-07-19)
LICENSE (1099, 2019-07-19)
broadcast.json (365, 2019-07-19)
changelog.md (15761, 2019-07-19)
dist/ (0, 2019-07-19)
dist/css/ (0, 2019-07-19)
dist/css/cui-basic.css (321640, 2019-07-19)
dist/css/cui-basic.min.css (249192, 2019-07-19)
dist/css/cui-standard.css (593650, 2019-07-19)
dist/css/cui-standard.min.css (467966, 2019-07-19)
dist/css/cui-styleguide.css (594446, 2019-07-19)
dist/css/cui-styleguide.min.css (468598, 2019-07-19)
dist/fonts/ (0, 2019-07-19)
dist/fonts/CiscoSans/ (0, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBold.eot (76772, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBold.ttf (203644, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBold.woff (76916, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBold.woff2 (54708, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBoldOblique.eot (78085, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBoldOblique.ttf (203120, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBoldOblique.woff (78336, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTBoldOblique.woff2 (54932, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLight.eot (85494, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLight.ttf (246416, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLight.woff (74340, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLight.woff2 (52932, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLightOblique.eot (85716, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLightOblique.ttf (248356, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLightOblique.woff (77928, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTExtraLightOblique.woff2 (55156, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavy.eot (76984, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavy.ttf (200884, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavy.woff (76940, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavy.woff2 (54476, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavyOblique.eot (78873, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavyOblique.ttf (201072, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavyOblique.woff (80668, 2019-07-19)
dist/fonts/CiscoSans/CiscoSansTTHeavyOblique.woff2 (56664, 2019-07-19)
... ...

# Cisco UI kit The Cisco UI kit and pattern library is a style guide governing HTML markup at the presentation layer. It contains no javascript components. Instead, it focuses on HTML and CSS and leaves the choice of javascript toolkit up to the individual development teams. This library is a collaboration between Cisco Brand and Cisco Engineering ## Copyright and License Code and documentation copyright 2019 Cisco Systems. --- # Building the UI Kit Before you can build the UI Kit you will need to install a few tools. #### 1. Node - Download the latest (at least 5.11) version for your platform [here](https://nodejs.org/en/download/) #### 2. Git - Download the latest (at least 2.5.x) client [here](https://git-scm.com/downloads) #### 3. Next install gulp via the node package manager (npm). You may need root access on your box to run this command. ```sh $ npm install --global gulp-cli ``` NOTE: If you are using Windows 10 make sure to grab gitbash [here](https://git-for-windows.github.io/) #### 4.1 There are several ways to get the source. Create a folder and clone the UI Kit source from Github like this: ```sh $ mkdir cui $ cd cui $ git clone https://github.com/CiscoDevNet/CiscoUIKit.git . ``` NOTE: You will want to work on a feature branch (not master!). To create a feature branch called `foo` run this: ```sh $ git checkout -b foo origin/master ``` #### 4.2 Or you can fetch the UI Kit source from Git via NPM like this: in your package.json file add this line to the dependencies section: ``` "cisco-ui": "git+https://github.com/CiscoDevNet/CiscoUIKit.git" ``` or from your command-line run: ``` npm install git+https://github.com/CiscoDevNet/CiscoUIKit.git --save ``` #### 4.3 Or you can fetch the UI Kit source from Git via Bower like this: in your bower.json file add this line to the dependencies section: ``` "cisco-ui": "https://github.com/CiscoDevNet/CiscoUIKit.git" ``` #### 4.4 Or you can fetch the UI Kit source from Git via Yarn like this: From the command-line run: ``` yarn add git+https://github.com/CiscoDevNet/CiscoUIKit.git ``` NOTE: We use a common naming syntax like this v.{version}-official #### 5. Install the node modules ```sh $ npm install ``` #### 6. Build the UI Kit ```sh $ npm run build ``` #### 7. Open the UI Kit in your browser. In your browser of choice select File -> Open and choose build/docs/index.html

近期下载者

相关文件


收藏者