Skip to content
This repository was archived by the owner on Mar 26, 2019. It is now read-only.

Commit a68eba2

Browse files
JahnpJahnp
committed
Check in built files for 1.5.0 release
1 parent 2a2a3f2 commit a68eba2

File tree

183 files changed

+82361
-1
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

183 files changed

+82361
-1
lines changed

‎.gitignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ npm-debug.log
1010
# Fabric files
1111
*.sublime-workspace
1212
docs.css
13-
dist
1413

1514
# Docs files
1615
docs/app

‎dist/components/Breadcrumb/Breadcrumb.hbs‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!--
2+
Office UI Fabric JS 1.5.0
3+
The JavaScript front-end framework for building experiences for Office 365.
4+
-->
5+
<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
6+
<div class="ms-Breadcrumb{{#if props.customClasses}} {{props.customClasses}}{{/if}}">
7+
<div class="ms-Breadcrumb-overflow">
8+
<div class="ms-Breadcrumb-overflowButton ms-Icon ms-Icon--More"></div>
9+
<div class="ms-Breadcrumb-overflowMenu">
10+
<ul class="ms-ContextualMenu is-open"></ul>
11+
</div>
12+
<i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--ChevronRight"></i>
13+
</div>
14+
<ul class="ms-Breadcrumb-list">
15+
{{#each props.items}}
16+
<li class="ms-Breadcrumb-listItem">
17+
<a class="ms-Breadcrumb-itemLink">{{name}}</a>
18+
<i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--ChevronRight"></i>
19+
</li>
20+
{{/each}}
21+
</ul>
22+
</div>

‎dist/components/Breadcrumb/Breadcrumb.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "Breadcrumb",
3+
"dependencies": [
4+
"ContextualMenu"
5+
]
6+
}

‎dist/components/Breadcrumb/Breadcrumb.scss‎

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
/**
2+
* Office UI Fabric JS 1.5.0
3+
* The JavaScript front-end framework for building experiences for Office 365.
4+
**/
5+
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6+
7+
//
8+
// Office UI Fabric
9+
// --------------------------------------------------
10+
// Breadcrumb styles
11+
12+
13+
.ms-Breadcrumb {
14+
@include ms-baseFont;
15+
margin: 23px 0 1px;
16+
17+
&.is-overflow {
18+
.ms-Breadcrumb-overflow {
19+
display: inline-block;
20+
margin-right: -4px;
21+
}
22+
}
23+
}
24+
25+
.ms-Breadcrumb-chevron {
26+
font-size: $ms-font-size-s;
27+
color: $ms-color-neutralSecondary;
28+
vertical-align: top;
29+
margin: 13px 4px;
30+
line-height: 1;
31+
}
32+
33+
.ms-Breadcrumb-list {
34+
display: inline;
35+
white-space: nowrap;
36+
padding: 0;
37+
margin: 0;
38+
39+
.ms-Breadcrumb-listItem {
40+
list-style-type: none;
41+
vertical-align: top;
42+
margin: 0;
43+
padding: 0;
44+
display: inline-block;
45+
46+
&:last-of-type {
47+
.ms-Breadcrumb-chevron {
48+
display: none;
49+
}
50+
}
51+
}
52+
}
53+
54+
.ms-Breadcrumb-overflow {
55+
display: none;
56+
position: relative;
57+
58+
.ms-Breadcrumb-overflowButton {
59+
font-size: 16px;
60+
display: inline-block;
61+
color: $ms-color-themePrimary;
62+
padding: 8px;
63+
cursor: pointer;
64+
vertical-align: top;
65+
}
66+
}
67+
68+
.ms-Breadcrumb-overflowMenu {
69+
display: none;
70+
position: absolute;
71+
72+
&.is-open {
73+
display: block;
74+
top: 36px;
75+
left: 0;
76+
@include drop-shadow;
77+
background-color: $ms-color-white;
78+
border: 1px solid $ms-color-neutralTertiaryAlt;
79+
z-index: ($ms-zIndex-ContextualMenu + $ms-zIndex-middle);
80+
}
81+
82+
&::before {
83+
position: absolute;
84+
@include drop-shadow;
85+
top: -6px;
86+
left: 6px;
87+
content: ' ';
88+
width: 16px;
89+
height: 16px;
90+
transform: rotate(45deg);
91+
background-color: $ms-color-white;
92+
}
93+
94+
.ms-ContextualMenu {
95+
border: 0;
96+
box-shadow: none;
97+
position: relative;
98+
width: 190px;
99+
100+
&.is-open {
101+
margin-bottom: 0;
102+
}
103+
}
104+
}
105+
106+
.ms-Breadcrumb-itemLink,
107+
.ms-Breadcrumb-overflowButton {
108+
text-decoration: none;
109+
outline: transparent;
110+
111+
&:hover {
112+
background-color: $ms-color-neutralLighter;
113+
cursor: pointer;
114+
}
115+
116+
&:focus {
117+
outline: $ms-color-neutralSecondaryAlt solid 1px;
118+
color: $ms-color-black;
119+
}
120+
121+
&:active {
122+
outline: transparent;
123+
background-color: $ms-color-neutralTertiaryAlt;
124+
}
125+
}
126+
127+
.ms-Breadcrumb-itemLink {
128+
font-weight: $ms-font-weight-light;
129+
font-size: $ms-font-size-xl;
130+
color: $ms-color-neutralPrimary;
131+
display: inline-block;
132+
padding: 0 4px;
133+
max-width: 160px;
134+
white-space: nowrap;
135+
text-overflow: ellipsis;
136+
overflow: hidden;
137+
vertical-align: top;
138+
}
139+
140+
141+
@media screen and (max-width: $ms-screen-md-max) {
142+
.ms-Breadcrumb {
143+
margin: 10px 0;
144+
}
145+
146+
.ms-Breadcrumb-itemLink {
147+
font-size: $ms-font-size-l;
148+
}
149+
150+
.ms-Breadcrumb-chevron {
151+
font-size: 10px;
152+
margin: 9px 3px;
153+
}
154+
155+
.ms-Breadcrumb-overflow {
156+
.ms-Breadcrumb-overflowButton {
157+
font-size: 16px;
158+
padding: 2px 0;
159+
}
160+
}
161+
}
162+
163+
@media screen and (max-width: $ms-screen-sm-max) {
164+
.ms-Breadcrumb-itemLink {
165+
font-size: $ms-font-size-m;
166+
max-width: 116px;
167+
}
168+
169+
.ms-Breadcrumb-chevron {
170+
margin: 5px 4px;
171+
}
172+
173+
.ms-Breadcrumb-overflow {
174+
.ms-Breadcrumb-overflowButton {
175+
padding: 2px 4px;
176+
}
177+
}
178+
}

‎dist/components/Button/Button.hbs‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!--
2+
Office UI Fabric JS 1.5.0
3+
The JavaScript front-end framework for building experiences for Office 365.
4+
-->
5+
<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
6+
<{{props.tag}} class="ms-Button
7+
{{~#if props.customClasses}} {{props.customClasses}}{{/if}}
8+
{{~#if props.modifier}} ms-Button--{{props.modifier}}{{/if}}
9+
{{~#if props.label}}{{else}} ms-Button--noLabel{{/if}}">
10+
{{#if props.icon}}
11+
<span class="ms-Button-icon"><i class="ms-Icon ms-Icon--{{props.icon}}"></i></span>
12+
{{/if}}
13+
<span class="ms-Button-label">{{props.label}}</span>
14+
{{#if props.description}}
15+
<span class="ms-Button-description">{{props.description}}</span>
16+
{{/if}}
17+
{{#if props.dropdownIcon}}
18+
<span class="ms-Button-dropdownIcon"><i class="ms-Icon ms-Icon--{{props.dropdownIcon}}"></i></span>
19+
{{/if}}
20+
</{{props.tag}}>

‎dist/components/Button/Button.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"name": "Button",
3+
"props": {
4+
"label": "Create Account",
5+
"tag": "button"
6+
}
7+
}

0 commit comments

Comments
 (0)