Merge db3df64663
into 1a8a91e41e
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.3 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
@ -467,17 +467,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -1175,14 +1164,6 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||||
>
|
>
|
||||||
almost NaN years
|
almost NaN years
|
||||||
</td>
|
</td>
|
||||||
<td
|
|
||||||
className="c10"
|
|
||||||
disabled={undefined}
|
|
||||||
name="td"
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
almost NaN years
|
|
||||||
</td>
|
|
||||||
<td
|
<td
|
||||||
className="c11 c12"
|
className="c11 c12"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -1564,14 +1545,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||||
>
|
>
|
||||||
3 months
|
3 months
|
||||||
</td>
|
</td>
|
||||||
<td
|
|
||||||
className="c10"
|
|
||||||
disabled={undefined}
|
|
||||||
name="td"
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
3 months
|
|
||||||
</td>
|
|
||||||
<td
|
<td
|
||||||
className="c11 c12"
|
className="c11 c12"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -1745,7 +1718,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||||
>
|
>
|
||||||
<td
|
<td
|
||||||
className="c3"
|
className="c3"
|
||||||
colSpan="6"
|
colSpan="5"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
name="td"
|
name="td"
|
||||||
selected={undefined}
|
selected={undefined}
|
||||||
|
@ -1782,7 +1755,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||||
<p
|
<p
|
||||||
className="c8"
|
className="c8"
|
||||||
>
|
>
|
||||||
Loading...
|
Deleting
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
@ -2258,17 +2231,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -3091,17 +3053,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -3924,17 +3875,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -4757,17 +4697,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
@ -5590,17 +5519,6 @@ Array [
|
||||||
Created
|
Created
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th
|
|
||||||
className="c14"
|
|
||||||
disabled={undefined}
|
|
||||||
name="th"
|
|
||||||
onClick={[Function]}
|
|
||||||
selected={undefined}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Updated
|
|
||||||
</span>
|
|
||||||
</th>
|
|
||||||
<th
|
<th
|
||||||
className="c15 c16"
|
className="c15 c16"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
|
|
|
@ -57,9 +57,6 @@ export const Item = ({
|
||||||
<TableTd xs="0" sm="160" middle left>
|
<TableTd xs="0" sm="160" middle left>
|
||||||
{distanceInWordsToNow(created)}
|
{distanceInWordsToNow(created)}
|
||||||
</TableTd>
|
</TableTd>
|
||||||
<TableTd xs="0" sm="160" middle left>
|
|
||||||
{distanceInWordsToNow(updated)}
|
|
||||||
</TableTd>
|
|
||||||
<PopoverContainer clickable>
|
<PopoverContainer clickable>
|
||||||
<TableTd padding="0" hasBorder="left">
|
<TableTd padding="0" hasBorder="left">
|
||||||
<PopoverTarget box>
|
<PopoverTarget box>
|
||||||
|
@ -73,8 +70,8 @@ export const Item = ({
|
||||||
</PopoverContainer>
|
</PopoverContainer>
|
||||||
</Fragment>
|
</Fragment>
|
||||||
) : (
|
) : (
|
||||||
<TableTd colSpan="6">
|
<TableTd colSpan="5">
|
||||||
<StatusLoader />
|
<StatusLoader msg="Deleting" />
|
||||||
</TableTd>
|
</TableTd>
|
||||||
)}
|
)}
|
||||||
</TableTr>
|
</TableTr>
|
||||||
|
@ -156,18 +153,6 @@ export default ({
|
||||||
>
|
>
|
||||||
<span>Created </span>
|
<span>Created </span>
|
||||||
</TableTh>
|
</TableTh>
|
||||||
<TableTh
|
|
||||||
xs="0"
|
|
||||||
sm="160"
|
|
||||||
onClick={() => onSortBy('updated', sortOrder)}
|
|
||||||
sortOrder={sortOrder}
|
|
||||||
showSort={sortBy === 'updated'}
|
|
||||||
left
|
|
||||||
middle
|
|
||||||
actionable
|
|
||||||
>
|
|
||||||
<span>Updated </span>
|
|
||||||
</TableTh>
|
|
||||||
<TableTh xs="60" padding="0" />
|
<TableTh xs="60" padding="0" />
|
||||||
</TableTr>
|
</TableTr>
|
||||||
</TableThead>
|
</TableThead>
|
||||||
|
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 116 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 76 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.2 KiB |
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 10 KiB |
|
@ -1,7 +1,18 @@
|
||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`renders <Breadcrumb /> without throwing 1`] = `
|
exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
.c0 {
|
.c1 {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 1.875rem;
|
||||||
|
padding-left: 1.875rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3 {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -9,7 +20,7 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
max-width: 62.5rem;
|
max-width: 62.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c2 {
|
.c4 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
|
@ -28,7 +39,7 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
margin-left: -0.625rem;
|
margin-left: -0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c3 {
|
.c5 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-webkit-flex: 0 0 auto;
|
-webkit-flex: 0 0 auto;
|
||||||
-ms-flex: 0 0 auto;
|
-ms-flex: 0 0 auto;
|
||||||
|
@ -38,7 +49,7 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c5 {
|
.c7 {
|
||||||
color: rgba(73,73,73,1);
|
color: rgba(73,73,73,1);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
@ -48,28 +59,29 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
margin: 0.75rem 0;
|
margin: 0.75rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c5 + p,
|
.c7 + p,
|
||||||
.c5 + small,
|
.c7 + small,
|
||||||
.c5 + h1,
|
.c7 + h1,
|
||||||
.c5 + h2,
|
.c7 + h2,
|
||||||
.c5 + label,
|
.c7 + label,
|
||||||
.c5 + h3,
|
.c7 + h3,
|
||||||
.c5 + h4,
|
.c7 + h4,
|
||||||
.c5 + h5,
|
.c7 + h5,
|
||||||
.c5 + div,
|
.c7 + div,
|
||||||
.c5 + span {
|
.c7 + span {
|
||||||
margin-top: 0.75rem;
|
margin-top: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c1 {
|
.c2 {
|
||||||
margin-top: 1.5rem;
|
padding-top: 0.75rem;
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c6 {
|
.c8 {
|
||||||
margin: 0.1875rem 0.625rem;
|
margin: 0.1875rem 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4 {
|
.c6 {
|
||||||
display: -webkit-inline-box;
|
display: -webkit-inline-box;
|
||||||
display: -webkit-inline-flex;
|
display: -webkit-inline-flex;
|
||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
|
@ -80,43 +92,47 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:first-child a {
|
.c6:first-child a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
-webkit-text-decoration: none;
|
-webkit-text-decoration: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:last-child svg {
|
.c6:last-child svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c0 {
|
||||||
|
border-bottom: 1px solid rgb(216,216,216);
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:48em) {
|
@media only screen and (min-width:48em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 46rem;
|
width: 46rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:64em) {
|
@media only screen and (min-width:64em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 56rem;
|
width: 56rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:75em) {
|
@media only screen and (min-width:75em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 59rem;
|
width: 59rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:47.9375rem) {
|
@media only screen and (max-width:47.9375rem) {
|
||||||
.c0 {
|
.c3 {
|
||||||
padding-left: 0.375rem;
|
padding-left: 0.375rem;
|
||||||
padding-right: 0.375rem;
|
padding-right: 0.375rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:0em) {
|
@media only screen and (min-width:0em) {
|
||||||
.c3 {
|
.c5 {
|
||||||
-webkit-flex-basis: 100%;
|
-webkit-flex-basis: 100%;
|
||||||
-ms-flex-preferred-size: 100%;
|
-ms-flex-preferred-size: 100%;
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
|
@ -125,45 +141,49 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="c0"
|
className="c0 c1"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c2"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c2"
|
className="c3"
|
||||||
name="breadcrum"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c3"
|
className="c4"
|
||||||
|
name="breadcrum"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c4"
|
className="c5"
|
||||||
>
|
>
|
||||||
<h4
|
<div
|
||||||
className="c5"
|
className="c6"
|
||||||
name="breadcrum-item"
|
|
||||||
>
|
>
|
||||||
Instances
|
<h4
|
||||||
</h4>
|
className="c7"
|
||||||
<svg
|
name="breadcrum-item"
|
||||||
className="c6 "
|
>
|
||||||
height="6"
|
Instances
|
||||||
innerRef={undefined}
|
</h4>
|
||||||
style={
|
<svg
|
||||||
Object {
|
className="c8 "
|
||||||
"transform": "rotate(-90deg)",
|
height="6"
|
||||||
|
innerRef={undefined}
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"transform": "rotate(-90deg)",
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
>
|
<path
|
||||||
<path
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
fill="rgb(151, 151, 151)"
|
||||||
fill="rgb(151, 151, 151)"
|
/>
|
||||||
/>
|
</svg>
|
||||||
</svg>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -172,7 +192,18 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||||
`;
|
`;
|
||||||
|
|
||||||
exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
.c0 {
|
.c1 {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 1.875rem;
|
||||||
|
padding-left: 1.875rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3 {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -180,7 +211,7 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
max-width: 62.5rem;
|
max-width: 62.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c2 {
|
.c4 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
|
@ -199,7 +230,7 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
margin-left: -0.625rem;
|
margin-left: -0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c3 {
|
.c5 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-webkit-flex: 0 0 auto;
|
-webkit-flex: 0 0 auto;
|
||||||
-ms-flex: 0 0 auto;
|
-ms-flex: 0 0 auto;
|
||||||
|
@ -209,7 +240,7 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c5 {
|
.c7 {
|
||||||
color: rgba(73,73,73,1);
|
color: rgba(73,73,73,1);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
@ -219,28 +250,29 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
margin: 0.75rem 0;
|
margin: 0.75rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c5 + p,
|
.c7 + p,
|
||||||
.c5 + small,
|
.c7 + small,
|
||||||
.c5 + h1,
|
.c7 + h1,
|
||||||
.c5 + h2,
|
.c7 + h2,
|
||||||
.c5 + label,
|
.c7 + label,
|
||||||
.c5 + h3,
|
.c7 + h3,
|
||||||
.c5 + h4,
|
.c7 + h4,
|
||||||
.c5 + h5,
|
.c7 + h5,
|
||||||
.c5 + div,
|
.c7 + div,
|
||||||
.c5 + span {
|
.c7 + span {
|
||||||
margin-top: 0.75rem;
|
margin-top: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c1 {
|
.c2 {
|
||||||
margin-top: 1.5rem;
|
padding-top: 0.75rem;
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c6 {
|
.c8 {
|
||||||
margin: 0.1875rem 0.625rem;
|
margin: 0.1875rem 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4 {
|
.c6 {
|
||||||
display: -webkit-inline-box;
|
display: -webkit-inline-box;
|
||||||
display: -webkit-inline-flex;
|
display: -webkit-inline-flex;
|
||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
|
@ -251,43 +283,47 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:first-child a {
|
.c6:first-child a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
-webkit-text-decoration: none;
|
-webkit-text-decoration: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:last-child svg {
|
.c6:last-child svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c0 {
|
||||||
|
border-bottom: 1px solid rgb(216,216,216);
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:48em) {
|
@media only screen and (min-width:48em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 46rem;
|
width: 46rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:64em) {
|
@media only screen and (min-width:64em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 56rem;
|
width: 56rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:75em) {
|
@media only screen and (min-width:75em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 59rem;
|
width: 59rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:47.9375rem) {
|
@media only screen and (max-width:47.9375rem) {
|
||||||
.c0 {
|
.c3 {
|
||||||
padding-left: 0.375rem;
|
padding-left: 0.375rem;
|
||||||
padding-right: 0.375rem;
|
padding-right: 0.375rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:0em) {
|
@media only screen and (min-width:0em) {
|
||||||
.c3 {
|
.c5 {
|
||||||
-webkit-flex-basis: 100%;
|
-webkit-flex-basis: 100%;
|
||||||
-ms-flex-preferred-size: 100%;
|
-ms-flex-preferred-size: 100%;
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
|
@ -296,73 +332,77 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="c0"
|
className="c0 c1"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c2"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c2"
|
className="c3"
|
||||||
name="breadcrum"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c3"
|
className="c4"
|
||||||
|
name="breadcrum"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c4"
|
className="c5"
|
||||||
>
|
>
|
||||||
<h4
|
<div
|
||||||
className="c5"
|
className="c6"
|
||||||
name="breadcrum-item"
|
|
||||||
>
|
>
|
||||||
Instances
|
<h4
|
||||||
</h4>
|
className="c7"
|
||||||
<svg
|
name="breadcrum-item"
|
||||||
className="c6 "
|
>
|
||||||
height="6"
|
Instances
|
||||||
innerRef={undefined}
|
</h4>
|
||||||
style={
|
<svg
|
||||||
Object {
|
className="c8 "
|
||||||
"transform": "rotate(-90deg)",
|
height="6"
|
||||||
|
innerRef={undefined}
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"transform": "rotate(-90deg)",
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
|
<path
|
||||||
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
|
fill="rgb(151, 151, 151)"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="c6"
|
||||||
>
|
>
|
||||||
<path
|
<h4
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
className="c7"
|
||||||
fill="rgb(151, 151, 151)"
|
name="breadcrum-item"
|
||||||
/>
|
>
|
||||||
</svg>
|
name
|
||||||
</div>
|
</h4>
|
||||||
<div
|
<svg
|
||||||
className="c4"
|
className="c8 "
|
||||||
>
|
height="6"
|
||||||
<h4
|
innerRef={undefined}
|
||||||
className="c5"
|
style={
|
||||||
name="breadcrum-item"
|
Object {
|
||||||
>
|
"transform": "rotate(-90deg)",
|
||||||
name
|
}
|
||||||
</h4>
|
|
||||||
<svg
|
|
||||||
className="c6 "
|
|
||||||
height="6"
|
|
||||||
innerRef={undefined}
|
|
||||||
style={
|
|
||||||
Object {
|
|
||||||
"transform": "rotate(-90deg)",
|
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
>
|
<path
|
||||||
<path
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
fill="rgb(151, 151, 151)"
|
||||||
fill="rgb(151, 151, 151)"
|
/>
|
||||||
/>
|
</svg>
|
||||||
</svg>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`Breadcrumb Default Breadcrumb 1`] = `
|
exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
.c5 {
|
.c7 {
|
||||||
color: rgba(73,73,73,1);
|
color: rgba(73,73,73,1);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
@ -11,24 +11,24 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
margin: 0.75rem 0;
|
margin: 0.75rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c5 + p,
|
.c7 + p,
|
||||||
.c5 + small,
|
.c7 + small,
|
||||||
.c5 + h1,
|
.c7 + h1,
|
||||||
.c5 + h2,
|
.c7 + h2,
|
||||||
.c5 + label,
|
.c7 + label,
|
||||||
.c5 + h3,
|
.c7 + h3,
|
||||||
.c5 + h4,
|
.c7 + h4,
|
||||||
.c5 + h5,
|
.c7 + h5,
|
||||||
.c5 + div,
|
.c7 + div,
|
||||||
.c5 + span {
|
.c7 + span {
|
||||||
margin-top: 0.75rem;
|
margin-top: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c6 {
|
.c8 {
|
||||||
margin: 0.1875rem 0.625rem;
|
margin: 0.1875rem 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4 {
|
.c6 {
|
||||||
display: -webkit-inline-box;
|
display: -webkit-inline-box;
|
||||||
display: -webkit-inline-flex;
|
display: -webkit-inline-flex;
|
||||||
display: -ms-inline-flexbox;
|
display: -ms-inline-flexbox;
|
||||||
|
@ -39,17 +39,28 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:first-child a {
|
.c6:first-child a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
-webkit-text-decoration: none;
|
-webkit-text-decoration: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c4:last-child svg {
|
.c6:last-child svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c0 {
|
.c1 {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 1.875rem;
|
||||||
|
padding-left: 1.875rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3 {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -57,7 +68,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
max-width: 62.5rem;
|
max-width: 62.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c2 {
|
.c4 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
|
@ -76,7 +87,7 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
margin-left: -0.625rem;
|
margin-left: -0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c3 {
|
.c5 {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-webkit-flex: 0 0 auto;
|
-webkit-flex: 0 0 auto;
|
||||||
-ms-flex: 0 0 auto;
|
-ms-flex: 0 0 auto;
|
||||||
|
@ -86,37 +97,42 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c1 {
|
.c2 {
|
||||||
margin-top: 1.5rem;
|
padding-top: 0.75rem;
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c0 {
|
||||||
|
border-bottom: 1px solid rgb(216,216,216);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:48em) {
|
@media only screen and (min-width:48em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 46rem;
|
width: 46rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:64em) {
|
@media only screen and (min-width:64em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 56rem;
|
width: 56rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:75em) {
|
@media only screen and (min-width:75em) {
|
||||||
.c0 {
|
.c3 {
|
||||||
width: 59rem;
|
width: 59rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:47.9375rem) {
|
@media only screen and (max-width:47.9375rem) {
|
||||||
.c0 {
|
.c3 {
|
||||||
padding-left: 0.375rem;
|
padding-left: 0.375rem;
|
||||||
padding-right: 0.375rem;
|
padding-right: 0.375rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:0em) {
|
@media only screen and (min-width:0em) {
|
||||||
.c3 {
|
.c5 {
|
||||||
-webkit-flex-basis: 100%;
|
-webkit-flex-basis: 100%;
|
||||||
-ms-flex-preferred-size: 100%;
|
-ms-flex-preferred-size: 100%;
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
|
@ -125,129 +141,133 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="c0"
|
className="c0 c1"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c2"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c2"
|
className="c3"
|
||||||
name="breadcrum"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c3"
|
className="c4"
|
||||||
|
name="breadcrum"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c4"
|
className="c5"
|
||||||
>
|
>
|
||||||
<h4
|
<div
|
||||||
className="c5"
|
className="c6"
|
||||||
name="breadcrum-item"
|
|
||||||
>
|
>
|
||||||
Home
|
<h4
|
||||||
</h4>
|
className="c7"
|
||||||
<svg
|
name="breadcrum-item"
|
||||||
className="c6 "
|
>
|
||||||
height="6"
|
Home
|
||||||
innerRef={undefined}
|
</h4>
|
||||||
style={
|
<svg
|
||||||
Object {
|
className="c8 "
|
||||||
"transform": "rotate(-90deg)",
|
height="6"
|
||||||
|
innerRef={undefined}
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"transform": "rotate(-90deg)",
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
|
<path
|
||||||
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
|
fill="rgb(151, 151, 151)"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="c6"
|
||||||
>
|
>
|
||||||
<path
|
<h4
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
className="c7"
|
||||||
fill="rgb(151, 151, 151)"
|
name="breadcrum-item"
|
||||||
/>
|
>
|
||||||
</svg>
|
Warp Records Blog
|
||||||
</div>
|
</h4>
|
||||||
<div
|
<svg
|
||||||
className="c4"
|
className="c8 "
|
||||||
>
|
height="6"
|
||||||
<h4
|
innerRef={undefined}
|
||||||
className="c5"
|
style={
|
||||||
name="breadcrum-item"
|
Object {
|
||||||
>
|
"transform": "rotate(-90deg)",
|
||||||
Warp Records Blog
|
}
|
||||||
</h4>
|
|
||||||
<svg
|
|
||||||
className="c6 "
|
|
||||||
height="6"
|
|
||||||
innerRef={undefined}
|
|
||||||
style={
|
|
||||||
Object {
|
|
||||||
"transform": "rotate(-90deg)",
|
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
|
<path
|
||||||
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
|
fill="rgb(151, 151, 151)"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="c6"
|
||||||
>
|
>
|
||||||
<path
|
<h4
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
className="c7"
|
||||||
fill="rgb(151, 151, 151)"
|
name="breadcrum-item"
|
||||||
/>
|
>
|
||||||
</svg>
|
Services
|
||||||
</div>
|
</h4>
|
||||||
<div
|
<svg
|
||||||
className="c4"
|
className="c8 "
|
||||||
>
|
height="6"
|
||||||
<h4
|
innerRef={undefined}
|
||||||
className="c5"
|
style={
|
||||||
name="breadcrum-item"
|
Object {
|
||||||
>
|
"transform": "rotate(-90deg)",
|
||||||
Services
|
}
|
||||||
</h4>
|
|
||||||
<svg
|
|
||||||
className="c6 "
|
|
||||||
height="6"
|
|
||||||
innerRef={undefined}
|
|
||||||
style={
|
|
||||||
Object {
|
|
||||||
"transform": "rotate(-90deg)",
|
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
|
<path
|
||||||
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
|
fill="rgb(151, 151, 151)"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="c6"
|
||||||
>
|
>
|
||||||
<path
|
<h4
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
className="c7"
|
||||||
fill="rgb(151, 151, 151)"
|
name="breadcrum-item"
|
||||||
/>
|
>
|
||||||
</svg>
|
Nginx
|
||||||
</div>
|
</h4>
|
||||||
<div
|
<svg
|
||||||
className="c4"
|
className="c8 "
|
||||||
>
|
height="6"
|
||||||
<h4
|
innerRef={undefined}
|
||||||
className="c5"
|
style={
|
||||||
name="breadcrum-item"
|
Object {
|
||||||
>
|
"transform": "rotate(-90deg)",
|
||||||
Nginx
|
}
|
||||||
</h4>
|
|
||||||
<svg
|
|
||||||
className="c6 "
|
|
||||||
height="6"
|
|
||||||
innerRef={undefined}
|
|
||||||
style={
|
|
||||||
Object {
|
|
||||||
"transform": "rotate(-90deg)",
|
|
||||||
}
|
}
|
||||||
}
|
viewBox="0 0 9.6 6"
|
||||||
viewBox="0 0 9.6 6"
|
width="9.6"
|
||||||
width="9.6"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
>
|
||||||
>
|
<path
|
||||||
<path
|
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
fill="rgb(151, 151, 151)"
|
||||||
fill="rgb(151, 151, 151)"
|
/>
|
||||||
/>
|
</svg>
|
||||||
</svg>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,20 +1,27 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import styled from 'styled-components';
|
||||||
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
|
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
|
||||||
import { Margin } from 'styled-components-spacing';
|
import { Margin, Padding } from 'styled-components-spacing';
|
||||||
|
|
||||||
import Container from '../layout/view-container';
|
import Container from '../layout/view-container';
|
||||||
|
|
||||||
|
const BreadcrumContianer = styled(Container)`
|
||||||
|
border-bottom: 1px solid ${props => props.theme.grey};
|
||||||
|
`;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @example ./usage.md
|
* @example ./usage.md
|
||||||
*/
|
*/
|
||||||
export default ({ children, ...rest }) => (
|
export default ({ children, ...rest }) => (
|
||||||
<Container {...rest}>
|
<BreadcrumContianer {...rest} fluid>
|
||||||
<Margin top={4}>
|
<Padding top={2} bottom={2}>
|
||||||
<Row name="breadcrum">
|
<Container>
|
||||||
<Col xs={12}>{children}</Col>
|
<Row name="breadcrum">
|
||||||
</Row>
|
<Col xs={12}>{children}</Col>
|
||||||
</Margin>
|
</Row>
|
||||||
</Container>
|
</Container>
|
||||||
|
</Padding>
|
||||||
|
</BreadcrumContianer>
|
||||||
);
|
);
|
||||||
|
|
||||||
export { default as Item } from './item';
|
export { default as Item } from './item';
|
||||||
|
|