Skip to content

Commit 0a1832d

Browse files
kirkstrobeckkirkstrobeck
committed
add compiled files for bower availability
1 parent 1babd2f commit 0a1832d

16 files changed

+537
-5
lines changed

‎.gitignore‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,2 @@
11
bower_components
2-
css
3-
index.html
4-
js
52
node_modules

‎README.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,21 @@ Add jQuery and then ..
1010
$(".infowrap-breadcrumbs").infowrapBreadcrumbs();
1111
});
1212

13+
Options ..
14+
15+
// the maximum number of visible collapsed crumbs counting from the left
16+
maxCollapsedCrumbs: 3
17+
18+
// the minimum width of a crumb when collapsed
19+
minWidth: 30
20+
21+
// width of the shader block that is hidden in pixels. it is in the crumb
22+
// object, but is pushed far right and hidden by the crumb's `overflow: hidden`
23+
shaderWidth: 44
24+
25+
// the distance of your css shadow antumbra in pixels
26+
shaderAntumbra: 25
27+
1328

1429
## Examples
1530

‎bower.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
{
2+
"name": "infowrap-breadcrumbs",
3+
"version": "0.1.0",
4+
"main": "js/breadcrumbs.min.js",
25
"dependencies": {
36
"jquery": "~2.0.3"
47
}

‎css/boilerplate/template.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
* {
2+
-webkit-font-smoothing: antialiased;
3+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
4+
}
5+
html,
6+
body {
7+
margin: 0;
8+
padding: 0;
9+
width: 100%;
10+
height: 100%;
11+
}
12+
html {
13+
font-size: 15px;
14+
}
15+
.container {
16+
padding: 100px 30px;
17+
}

‎css/breadcrumbs.css‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
.infowrap-breadcrumbs {
2+
color: #fff;
3+
background-color: orange;
4+
overflow: hidden;
5+
position: relative;
6+
height: 44px;
7+
}
8+
.infowrap-breadcrumbs .crumbs {
9+
*zoom: 1;
10+
-webkit-transition: all 0.5s ease;
11+
-moz-transition: all 0.5s ease;
12+
-o-transition: all 0.5s ease;
13+
transition: all 0.5s ease;
14+
position: absolute;
15+
top: 0;
16+
left: 0;
17+
font-weight: bold;
18+
width: 999999px;
19+
overflow: hidden;
20+
}
21+
.infowrap-breadcrumbs .crumbs:before,
22+
.infowrap-breadcrumbs .crumbs:after {
23+
display: table;
24+
content: "";
25+
}
26+
.infowrap-breadcrumbs .crumbs:after {
27+
clear: both;
28+
}
29+
.infowrap-breadcrumbs .crumbs .crumb {
30+
line-height: 44px;
31+
padding: 0 15px;
32+
float: left;
33+
display: inline-block;
34+
position: relative;
35+
overflow: hidden;
36+
white-space: nowrap;
37+
}
38+
.infowrap-breadcrumbs .crumbs .crumb:last-child .shader {
39+
box-shadow: none;
40+
}
41+
.infowrap-breadcrumbs .crumbs .crumb .shader {
42+
width: 44px;
43+
height: 44px;
44+
position: absolute;
45+
top: 0;
46+
right: -88px;
47+
box-shadow: 0 0 60px 0px #000;
48+
}

‎css/breadcrumbs.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/styles.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/template.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
* {
2+
-webkit-font-smoothing: antialiased;
3+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
4+
}
5+
html,
6+
body {
7+
margin: 0;
8+
padding: 0;
9+
width: 100%;
10+
height: 100%;
11+
}
12+
html {
13+
font-size: 15px;
14+
}
15+
.container {
16+
padding: 100px 30px;
17+
}

‎css/template.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
2+
<!--[if gt IE 8]><!-->
3+
<html class="no-js">
4+
<!--<![endif]-->
5+
<head>
6+
<meta charset="utf-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8+
<title></title>
9+
<meta name="description" content="">
10+
<meta name="viewport" content="width=device-width">
11+
<link rel="stylesheet" href="css/styles.min.css">
12+
</head>
13+
<body><!--[if lt IE 7]>
14+
<p class="chromeframe">You are using an&nbsp;<strong>outdated</strong>&nbsp;browser. Please&nbsp;<a href="http://browsehappy.com/">upgrade your browser</a>&nbsp;or&nbsp;<a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a>&nbsp;to improve your experience.</p><![endif]-->
15+
<div class="container">
16+
<div class="infowrap-breadcrumbs">
17+
<div class="crumbs">
18+
<div class="crumb">Files</div>
19+
<div class="crumb">Vehicula Tortor</div>
20+
<div class="crumb">Nullam Vestibulum Amet</div>
21+
<div class="crumb">Ullamcorper</div>
22+
<div class="crumb">Cras Magna</div>
23+
<div class="crumb">Ornare Dapibus</div>
24+
<div class="crumb">Parturient Fusce Lorem</div>
25+
</div>
26+
</div>
27+
</div>
28+
<script src="js/combined.min.js"></script>
29+
</body>
30+
</html>

0 commit comments

Comments
 (0)