X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=mindcoding-template%2Fless%2Fcomponent-animations.less;fp=mindcoding-template%2Fless%2Fcomponent-animations.less;h=1efe45e2c39d3ddb6c3adff04b8c2e73e9166931;hb=7b8697217dd7b910c8600a1290d0a9590437afc0;hp=0000000000000000000000000000000000000000;hpb=db540dc1ec5c2e5a5856e1ba9f25eb1ae6e7548d;p=mindcoding-template-patches.git diff --git a/mindcoding-template/less/component-animations.less b/mindcoding-template/less/component-animations.less new file mode 100755 index 0000000..1efe45e --- /dev/null +++ b/mindcoding-template/less/component-animations.less @@ -0,0 +1,29 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); +}