richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Got that ish perfect

pull/13/head
Jack Lukic 11 years ago
parent
4dec06704d
commit
441c123434
12 changed files with 163 additions and 69 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 30
      build/minified/modules/transition.js
  2. 2
      build/minified/modules/transition.min.css
  3. 2
      build/minified/modules/transition.min.js
  4. 30
      build/packaged/modules/transition.js
  5. 4
      build/packaged/semantic.min.css
  6. 4
      build/packaged/semantic.min.js
  7. 22
      build/uncompressed/modules/transition.css
  8. 30
      build/uncompressed/modules/transition.js
  9. 22
      node/src/files/components/semantic/modules/transition.css
  10. 30
      node/src/files/components/semantic/modules/transition.js
  11. 30
      src/modules/transition.js
  12. 26
      src/modules/transition.less

30
build/minified/modules/transition.js
View File

@ -103,7 +103,13 @@ $.fn.transition = function() {
set: {
animating: function() {
$module.data(metadata.animating, true);
$module.addClass(className.animating);
},
loop: function() {
$module
.addClass(className.loop)
;
},
duration: function(duration) {
@ -124,7 +130,7 @@ $.fn.transition = function() {
remove: {
animating: function() {
$module.data(metadata.animating, false);
$module.removeClass(className.animating);
}
},
@ -211,7 +217,7 @@ $.fn.transition = function() {
is: {
animating: function() {
return $module.data(metadata.animating) || false;
return $module.hasClass(className.animating);
}
},
@ -254,15 +260,17 @@ $.fn.transition = function() {
module.queue(settings.animation);
return false;
}
module.set.animating();
module.set.duration();
module.debug('Beginning animation', settings.animation);
module.show();
module.originalClass = $module.attr('class');
module.repaint();
module.set.animating();
$module
.addClass(className.transition)
.addClass(settings.animation)
.one(transitionEnd, module.complete)
;
module.debug('Beginning animation', settings.animation, $module.attr('class'));
},
queue: function(animation) {
@ -463,17 +471,15 @@ $.fn.transition.settings = {
// animation duration (useful only with future js animations)
animation : 'fade in',
duration : '1s',
metadata : {
animating : 'animating'
},
className : {
transition : 'ui transition',
animating : 'animating',
disabled : 'disabled',
hidden : 'hidden',
inward : 'in',
looping : 'looping',
outward : 'out',
hidden : 'hidden',
disabled : 'disabled'
transition : 'ui transition'
},
// possible errors

2
build/minified/modules/transition.min.css
File diff suppressed because it is too large
View File

2
build/minified/modules/transition.min.js
File diff suppressed because it is too large
View File

30
build/packaged/modules/transition.js
View File

@ -103,7 +103,13 @@ $.fn.transition = function() {
set: {
animating: function() {
$module.data(metadata.animating, true);
$module.addClass(className.animating);
},
loop: function() {
$module
.addClass(className.loop)
;
},
duration: function(duration) {
@ -124,7 +130,7 @@ $.fn.transition = function() {
remove: {
animating: function() {
$module.data(metadata.animating, false);
$module.removeClass(className.animating);
}
},
@ -211,7 +217,7 @@ $.fn.transition = function() {
is: {
animating: function() {
return $module.data(metadata.animating) || false;
return $module.hasClass(className.animating);
}
},
@ -254,15 +260,17 @@ $.fn.transition = function() {
module.queue(settings.animation);
return false;
}
module.set.animating();
module.set.duration();
module.debug('Beginning animation', settings.animation);
module.show();
module.originalClass = $module.attr('class');
module.repaint();
module.set.animating();
$module
.addClass(className.transition)
.addClass(settings.animation)
.one(transitionEnd, module.complete)
;
module.debug('Beginning animation', settings.animation, $module.attr('class'));
},
queue: function(animation) {
@ -463,17 +471,15 @@ $.fn.transition.settings = {
// animation duration (useful only with future js animations)
animation : 'fade in',
duration : '1s',
metadata : {
animating : 'animating'
},
className : {
transition : 'ui transition',
animating : 'animating',
disabled : 'disabled',
hidden : 'hidden',
inward : 'in',
looping : 'looping',
outward : 'out',
hidden : 'hidden',
disabled : 'disabled'
transition : 'ui transition'
},
// possible errors

4
build/packaged/semantic.min.css
File diff suppressed because it is too large
View File

4
build/packaged/semantic.min.js
File diff suppressed because it is too large
View File

22
build/uncompressed/modules/transition.css
View File

@ -35,12 +35,22 @@
/*******************************
States
*******************************/
/* Hidden */
.ui.hidden.transition {
display: none;
}
/* Visible */
.ui.visible.transition {
display: block;
}
/* Animating */
.ui.animating.out {
opacity: 1;
}
.ui.animating.in {
opacity: 0;
}
/* Disabled */
.ui.disabled.transition {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
@ -49,7 +59,17 @@
animation-play-state: paused;
}
/*******************************
Variations
Variations
*******************************/
.ui.looping.transition {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*******************************
Types
*******************************/
/*--------------
Emphasis

30
build/uncompressed/modules/transition.js
View File

@ -103,7 +103,13 @@ $.fn.transition = function() {
set: {
animating: function() {
$module.data(metadata.animating, true);
$module.addClass(className.animating);
},
loop: function() {
$module
.addClass(className.loop)
;
},
duration: function(duration) {
@ -124,7 +130,7 @@ $.fn.transition = function() {
remove: {
animating: function() {
$module.data(metadata.animating, false);
$module.removeClass(className.animating);
}
},
@ -211,7 +217,7 @@ $.fn.transition = function() {
is: {
animating: function() {
return $module.data(metadata.animating) || false;
return $module.hasClass(className.animating);
}
},
@ -254,15 +260,17 @@ $.fn.transition = function() {
module.queue(settings.animation);
return false;
}
module.set.animating();
module.set.duration();
module.debug('Beginning animation', settings.animation);
module.show();
module.originalClass = $module.attr('class');
module.repaint();
module.set.animating();
$module
.addClass(className.transition)
.addClass(settings.animation)
.one(transitionEnd, module.complete)
;
module.debug('Beginning animation', settings.animation, $module.attr('class'));
},
queue: function(animation) {
@ -463,17 +471,15 @@ $.fn.transition.settings = {
// animation duration (useful only with future js animations)
animation : 'fade in',
duration : '1s',
metadata : {
animating : 'animating'
},
className : {
transition : 'ui transition',
animating : 'animating',
disabled : 'disabled',
hidden : 'hidden',
inward : 'in',
looping : 'looping',
outward : 'out',
hidden : 'hidden',
disabled : 'disabled'
transition : 'ui transition'
},
// possible errors

22
node/src/files/components/semantic/modules/transition.css
View File

@ -35,12 +35,22 @@
/*******************************
States
*******************************/
/* Hidden */
.ui.hidden.transition {
display: none;
}
/* Visible */
.ui.visible.transition {
display: block;
}
/* Animating */
.ui.animating.out {
opacity: 1;
}
.ui.animating.in {
opacity: 0;
}
/* Disabled */
.ui.disabled.transition {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
@ -49,7 +59,17 @@
animation-play-state: paused;
}
/*******************************
Variations
Variations
*******************************/
.ui.looping.transition {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*******************************
Types
*******************************/
/*--------------
Emphasis

30
node/src/files/components/semantic/modules/transition.js
View File

@ -103,7 +103,13 @@ $.fn.transition = function() {
set: {
animating: function() {
$module.data(metadata.animating, true);
$module.addClass(className.animating);
},
loop: function() {
$module
.addClass(className.loop)
;
},
duration: function(duration) {
@ -124,7 +130,7 @@ $.fn.transition = function() {
remove: {
animating: function() {
$module.data(metadata.animating, false);
$module.removeClass(className.animating);
}
},
@ -211,7 +217,7 @@ $.fn.transition = function() {
is: {
animating: function() {
return $module.data(metadata.animating) || false;
return $module.hasClass(className.animating);
}
},
@ -254,15 +260,17 @@ $.fn.transition = function() {
module.queue(settings.animation);
return false;
}
module.set.animating();
module.set.duration();
module.debug('Beginning animation', settings.animation);
module.show();
module.originalClass = $module.attr('class');
module.repaint();
module.set.animating();
$module
.addClass(className.transition)
.addClass(settings.animation)
.one(transitionEnd, module.complete)
;
module.debug('Beginning animation', settings.animation, $module.attr('class'));
},
queue: function(animation) {
@ -463,17 +471,15 @@ $.fn.transition.settings = {
// animation duration (useful only with future js animations)
animation : 'fade in',
duration : '1s',
metadata : {
animating : 'animating'
},
className : {
transition : 'ui transition',
animating : 'animating',
disabled : 'disabled',
hidden : 'hidden',
inward : 'in',
looping : 'looping',
outward : 'out',
hidden : 'hidden',
disabled : 'disabled'
transition : 'ui transition'
},
// possible errors

30
src/modules/transition.js
View File

@ -103,7 +103,13 @@ $.fn.transition = function() {
set: {
animating: function() {
$module.data(metadata.animating, true);
$module.addClass(className.animating);
},
loop: function() {
$module
.addClass(className.loop)
;
},
duration: function(duration) {
@ -124,7 +130,7 @@ $.fn.transition = function() {
remove: {
animating: function() {
$module.data(metadata.animating, false);
$module.removeClass(className.animating);
}
},
@ -211,7 +217,7 @@ $.fn.transition = function() {
is: {
animating: function() {
return $module.data(metadata.animating) || false;
return $module.hasClass(className.animating);
}
},
@ -254,15 +260,17 @@ $.fn.transition = function() {
module.queue(settings.animation);
return false;
}
module.set.animating();
module.set.duration();
module.debug('Beginning animation', settings.animation);
module.show();
module.originalClass = $module.attr('class');
module.repaint();
module.set.animating();
$module
.addClass(className.transition)
.addClass(settings.animation)
.one(transitionEnd, module.complete)
;
module.debug('Beginning animation', settings.animation, $module.attr('class'));
},
queue: function(animation) {
@ -463,17 +471,15 @@ $.fn.transition.settings = {
// animation duration (useful only with future js animations)
animation : 'fade in',
duration : '1s',
metadata : {
animating : 'animating'
},
className : {
transition : 'ui transition',
animating : 'animating',
disabled : 'disabled',
hidden : 'hidden',
inward : 'in',
looping : 'looping',
outward : 'out',
hidden : 'hidden',
disabled : 'disabled'
transition : 'ui transition'
},
// possible errors

26
src/modules/transition.less
View File

@ -35,17 +35,30 @@
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
/*******************************
States
*******************************/
/* Hidden */
.ui.hidden.transition {
display: none;
}
/* Visible */
.ui.visible.transition {
display: block;
}
/* Animating */
.ui.animating.out {
opacity: 1;
}
.ui.animating.in {
opacity: 0;
}
/* Disabled */
.ui.disabled.transition {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
@ -54,10 +67,21 @@
animation-play-state: paused;
}
/*******************************
Variations
*******************************/
.ui.looping.transition {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*******************************
Variations
Types
*******************************/
/*--------------

Write Preview
Loading…
Cancel
Save