first commit
This commit is contained in:
3
bootstrap/node_modules/has-transitions/.npmignore
generated
vendored
Normal file
3
bootstrap/node_modules/has-transitions/.npmignore
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
components
|
||||
build
|
||||
node_modules
|
8
bootstrap/node_modules/has-transitions/History.md
generated
vendored
Normal file
8
bootstrap/node_modules/has-transitions/History.md
generated
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
|
||||
0.0.1 / 2013-05-20
|
||||
==================
|
||||
Initial release
|
||||
|
||||
0.1.0 / 2013-05-22
|
||||
==================
|
||||
Is now a function that takes an element
|
11
bootstrap/node_modules/has-transitions/Makefile
generated
vendored
Normal file
11
bootstrap/node_modules/has-transitions/Makefile
generated
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
|
||||
build: components index.js
|
||||
@component build --dev
|
||||
|
||||
components: component.json
|
||||
@component install --dev
|
||||
|
||||
clean:
|
||||
rm -fr build components template.js
|
||||
|
||||
.PHONY: clean
|
41
bootstrap/node_modules/has-transitions/Readme.md
generated
vendored
Normal file
41
bootstrap/node_modules/has-transitions/Readme.md
generated
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
|
||||
# has-transitions
|
||||
|
||||
Determine if an element has transitions
|
||||
|
||||
## Installation
|
||||
|
||||
$ component install anthonyshort/has-transitions
|
||||
|
||||
## API
|
||||
|
||||
var hasTransitions = require('has-transitions');
|
||||
var cssEmitter = require('css-emitter');
|
||||
|
||||
if(hasTransitions(el)) {
|
||||
cssEmitter(el).bind(onTransitionEnd);
|
||||
}
|
||||
else {
|
||||
onTransitionEvent();
|
||||
}
|
||||
|
||||
## Methods
|
||||
|
||||
### hasTransitions([el])
|
||||
|
||||
Determine if an element has any transition properties. If the browser doesn't
|
||||
support transitions this will always return false. `el` defaults to `document.body`.
|
||||
|
||||
## Properties
|
||||
|
||||
### hasTransitions.support
|
||||
|
||||
Boolean for whether the browser supports transitions at all
|
||||
|
||||
### hasTransitions.property
|
||||
|
||||
Get the prefixed property name to use for transitions
|
||||
|
||||
## License
|
||||
|
||||
MIT
|
16
bootstrap/node_modules/has-transitions/component.json
generated
vendored
Normal file
16
bootstrap/node_modules/has-transitions/component.json
generated
vendored
Normal file
@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "has-transitions",
|
||||
"repo": "anthonyshort/has-transitions",
|
||||
"description": "Determine if an element has transitions",
|
||||
"version": "0.3.0",
|
||||
"keywords": [],
|
||||
"dependencies": {},
|
||||
"development": {
|
||||
"component/assert": "*"
|
||||
},
|
||||
"license": "MIT",
|
||||
"main": "index.js",
|
||||
"scripts": [
|
||||
"index.js"
|
||||
]
|
||||
}
|
48
bootstrap/node_modules/has-transitions/index.js
generated
vendored
Normal file
48
bootstrap/node_modules/has-transitions/index.js
generated
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
/**
|
||||
* This will store the property that the current
|
||||
* browser uses for transitionDuration
|
||||
*/
|
||||
var property;
|
||||
|
||||
/**
|
||||
* The properties we'll check on an element
|
||||
* to determine if it actually has transitions
|
||||
* We use duration as this is the only property
|
||||
* needed to technically have transitions
|
||||
* @type {Array}
|
||||
*/
|
||||
var types = [
|
||||
"transitionDuration",
|
||||
"MozTransitionDuration",
|
||||
"webkitTransitionDuration"
|
||||
];
|
||||
|
||||
/**
|
||||
* Determine the correct property for this browser
|
||||
* just once so we done need to check every time
|
||||
*/
|
||||
while(types.length) {
|
||||
var type = types.shift();
|
||||
if(type in document.body.style) {
|
||||
property = type;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Determine if the browser supports transitions or
|
||||
* if an element has transitions at all.
|
||||
* @param {Element} el Optional. Returns browser support if not included
|
||||
* @return {Boolean}
|
||||
*/
|
||||
function hasTransitions(el){
|
||||
if(!property) {
|
||||
return false; // No browser support for transitions
|
||||
}
|
||||
if(!el) {
|
||||
return property != null; // We just want to know if browsers support it
|
||||
}
|
||||
var duration = getComputedStyle(el)[property];
|
||||
return duration !== "" && parseFloat(duration) !== 0; // Does this element have transitions?
|
||||
}
|
||||
|
||||
module.exports = hasTransitions;
|
26
bootstrap/node_modules/has-transitions/package.json
generated
vendored
Normal file
26
bootstrap/node_modules/has-transitions/package.json
generated
vendored
Normal file
@ -0,0 +1,26 @@
|
||||
{
|
||||
"name": "has-transitions",
|
||||
"version": "0.3.0",
|
||||
"description": "Check for transition support",
|
||||
"main": "index.js",
|
||||
"directories": {
|
||||
"test": "test"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "open test/index.html"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/anthonyshort/has-transitions.git"
|
||||
},
|
||||
"keywords": [
|
||||
"component",
|
||||
"browserify",
|
||||
"css",
|
||||
"transitions"
|
||||
],
|
||||
"author": "Anthony Short",
|
||||
"license": "BSD",
|
||||
"readmeFilename": "Readme.md",
|
||||
"gitHead": "27050348e9fdac520bbb66a9fc6bd0d449da26eb"
|
||||
}
|
26
bootstrap/node_modules/has-transitions/test/index.html
generated
vendored
Normal file
26
bootstrap/node_modules/has-transitions/test/index.html
generated
vendored
Normal file
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Mocha</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="mocha.css" />
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
.transition {
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
</style>
|
||||
<div id="mocha"></div>
|
||||
<script src="../build/build.js"></script>
|
||||
<script src="mocha.js"></script>
|
||||
<script>mocha.setup('bdd')</script>
|
||||
<script src="tests.js"></script>
|
||||
<script>
|
||||
mocha.run();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
251
bootstrap/node_modules/has-transitions/test/mocha.css
generated
vendored
Normal file
251
bootstrap/node_modules/has-transitions/test/mocha.css
generated
vendored
Normal file
@ -0,0 +1,251 @@
|
||||
@charset "utf-8";
|
||||
|
||||
body {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#mocha {
|
||||
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
margin: 60px 50px;
|
||||
}
|
||||
|
||||
#mocha ul, #mocha li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#mocha ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#mocha h1, #mocha h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#mocha h1 {
|
||||
margin-top: 15px;
|
||||
font-size: 1em;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
#mocha h1 a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#mocha h1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#mocha .suite .suite h1 {
|
||||
margin-top: 0;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
#mocha .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha h2 {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#mocha .suite {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#mocha .test {
|
||||
margin-left: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#mocha .test.pending:hover h2::after {
|
||||
content: '(pending)';
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
|
||||
#mocha .test.pass.medium .duration {
|
||||
background: #C09853;
|
||||
}
|
||||
|
||||
#mocha .test.pass.slow .duration {
|
||||
background: #B94A48;
|
||||
}
|
||||
|
||||
#mocha .test.pass::before {
|
||||
content: '✓';
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
color: #00d6b2;
|
||||
}
|
||||
|
||||
#mocha .test.pass .duration {
|
||||
font-size: 9px;
|
||||
margin-left: 5px;
|
||||
padding: 2px 5px;
|
||||
color: white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#mocha .test.pass.fast .duration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha .test.pending {
|
||||
color: #0b97c4;
|
||||
}
|
||||
|
||||
#mocha .test.pending::before {
|
||||
content: '◦';
|
||||
color: #0b97c4;
|
||||
}
|
||||
|
||||
#mocha .test.fail {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
#mocha .test.fail pre {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#mocha .test.fail::before {
|
||||
content: '✖';
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
#mocha .test pre.error {
|
||||
color: #c00;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#mocha .test pre {
|
||||
display: block;
|
||||
float: left;
|
||||
clear: left;
|
||||
font: 12px/1.5 monaco, monospace;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
border: 1px solid #eee;
|
||||
border-bottom-color: #ddd;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 3px #eee;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-box-shadow: 0 1px 3px #eee;
|
||||
}
|
||||
|
||||
#mocha .test h2 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#mocha .test a.replay {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 0;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
background: #eee;
|
||||
font-size: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
-webkit-transition: opacity 200ms;
|
||||
-moz-transition: opacity 200ms;
|
||||
transition: opacity 200ms;
|
||||
opacity: 0.3;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#mocha .test:hover a.replay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#mocha-report.pass .test.fail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha-report.fail .test.pass {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha-error {
|
||||
color: #c00;
|
||||
font-size: 1.5em;
|
||||
font-weight: 100;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
#mocha-stats {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
color: #888;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#mocha-stats .progress {
|
||||
float: right;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#mocha-stats em {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#mocha-stats a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#mocha-stats a:hover {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#mocha-stats li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
list-style: none;
|
||||
padding-top: 11px;
|
||||
}
|
||||
|
||||
#mocha-stats canvas {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#mocha code .comment { color: #ddd }
|
||||
#mocha code .init { color: #2F6FAD }
|
||||
#mocha code .string { color: #5890AD }
|
||||
#mocha code .keyword { color: #8A6343 }
|
||||
#mocha code .number { color: #2F6FAD }
|
||||
|
||||
@media screen and (max-device-width: 480px) {
|
||||
#mocha {
|
||||
margin: 60px 0px;
|
||||
}
|
||||
|
||||
#mocha #stats {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
5428
bootstrap/node_modules/has-transitions/test/mocha.js
generated
vendored
Normal file
5428
bootstrap/node_modules/has-transitions/test/mocha.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
38
bootstrap/node_modules/has-transitions/test/tests.js
generated
vendored
Normal file
38
bootstrap/node_modules/has-transitions/test/tests.js
generated
vendored
Normal file
@ -0,0 +1,38 @@
|
||||
var has = require('has-transitions');
|
||||
var assert = require('assert');
|
||||
|
||||
describe('has-transitions', function(){
|
||||
var el;
|
||||
|
||||
beforeEach(function(){
|
||||
el = document.createElement('div');
|
||||
document.body.appendChild(el);
|
||||
});
|
||||
|
||||
afterEach(function(){
|
||||
document.body.removeChild(el);
|
||||
});
|
||||
|
||||
it('should determine if the browser supports transitions', function(){
|
||||
assert( has() === true );
|
||||
});
|
||||
|
||||
it('should know when an element has transitions from inline styles', function(){
|
||||
el.style.webkitTransition = "all 1s";
|
||||
el.style.MozTransition = "all 1s";
|
||||
el.style.transition = "all 1s";
|
||||
assert( has(el) === true );
|
||||
});
|
||||
|
||||
it('should know when an element has transitions from a class', function(){
|
||||
el.className = "transition";
|
||||
assert( has(el) === true );
|
||||
el.className = "";
|
||||
assert( has(el) === false );
|
||||
});
|
||||
|
||||
it("should know when an element doesn't have transitions", function(){
|
||||
assert( has(el) === false );
|
||||
});
|
||||
|
||||
});
|
Reference in New Issue
Block a user