flow/datamad2017
1
0
Fork 0
mirror of https://github.com/medialab-prado/datamad2017.git synced 2025-06-07 22:11:29 +02:00
Code Issues Projects Releases Wiki Activity

CSS files converted to Sass. Some style fixes. Created file with sponsors.

Browse source
This commit is contained in:
Oleh Zasadnyy 2014-08-08 01:23:36 +03:00
parent 1a5c529669
commit a45174a1e4
851 changed files with 19814 additions and 5533 deletions
Download patch file Download diff file Expand all files Collapse all files

51
_sass/vendor/helpers/_mixins.scss vendored Normal file
View file

@ -0,0 +1,51 @@
///////////////////////////////////////////////////////////////////
// Sass Mixins which will be used by the modules //
///////////////////////////////////////////////////////////////////
//===============================================================//
// Automatically add vendor prefixes in one hit //
//===============================================================//
// .fadeIn { //
// @include animate-prefixer(animation, fadeIn); //
// } //
//===============================================================//
// //
//===============================================================//
@mixin animate-prefixer($property, $value...) {
-webkit-#{$property}:$value;
-moz-#{$property}:$value;
-o-#{$property}:$value;
#{$property}:$value;
}
//===============================================================//
// Generate keyframes animations with vendor prefixes in one hit //
//===============================================================//
// .fadeIn { //
// @include animate-prefixer(animation, fadeIn); //
// } //
// @include animate-keyframe(fadeIn) { //
// 0% {opacity: 0;} //
// 100% {opacity: 1;} //
// } //
//===============================================================//
// Courtesy of @integralist: (twitter.com) //
//===============================================================//
@mixin animate-keyframe($animation-name) {
@-webkit-keyframes #{$animation-name} {
@content;
}
@-moz-keyframes #{$animation-name} {
@content;
}
@-o-keyframes #{$animation-name} {
@content;
}
@keyframes #{$animation-name} {
@content;
}
}

132
_sass/vendor/helpers/_settings.scss vendored Normal file
View file

@ -0,0 +1,132 @@
/////////////////////////////////////////////////////////
// Animation Default Settings //
/////////////////////////////////////////////////////////
// Base module settings
$base-duration : 1s !default; // used in 1-base module
$base-origin : top center !default;
$base-degrees : 30deg !default; // used in lightspeed & special modules
$base-timing-function-in : ease-in !default;
$base-timing-function-out : ease-out !default;
$base-timing-function-in-out : ease-in-out !default;
$base-distance : 10px !default; // used in fade, shake and bounce modules
$base-distance-big : 1000px !default; // used in fadeBig and bounce modules
// Rotate module settings
$rotate-degrees : 90deg !default;
$rotate-degrees-max : 200deg !default;
$rotate-origin : center center !default;
// Flipper module settings
$flipper-perspective : 400px !default;
$flipper-translate : 150px !default;
$flipper-degrees : 10deg !default;
$flipper-degrees-max : 90deg !default;
// Hinge module settings
$hinge-origin : top left !default;
$hinge-degrees-max : 80deg !default;
$hinge-translate : 700px !default;
//==================================================================================================//
// Module loading //
//==================================================================================================//
// To include an animation module in the compiled css file, simply set it's attribute below to true //
// (all modules set to false will not be included) //
// The idea here is to only load the animations you want to use on a per project basis //
// This helps keep the compiled css file at its leanest //
//==================================================================================================//
// Hugely influenced and inspired by @csswizardry's inuit.css _vars.scss file //
//==================================================================================================//
// Fade Enter
$use-fadeIn : true !default;
$use-fadeInUp : true !default;
$use-fadeInUpBig : false !default;
$use-fadeInDown : true !default;
$use-fadeInDownBig : false !default;
$use-fadeInLeft : true !default;
$use-fadeInLeftBig : false !default;
$use-fadeInRight : true !default;
$use-fadeInRightBig : false !default;
// Fade Exit
$use-fadeOut : false !default;
$use-fadeOutUp : false !default;
$use-fadeOutUpBig : false !default;
$use-fadeOutDown : false !default;
$use-fadeOutDownBig : false !default;
$use-fadeOutLeft : false !default;
$use-fadeOutLeftBig : false !default;
$use-fadeOutRight : false !default;
$use-fadeOutRightBig : false !default;
// Bounce Enter
$use-bounceIn : false !default;
$use-bounceInUp : false !default;
$use-bounceInDown : false !default;
$use-bounceInLeft : false !default;
$use-bounceInRight : false !default;
// Bounce Exit
$use-bounceOut : false !default;
$use-bounceOutUp : false !default;
$use-bounceOutDown : false !default;
$use-bounceOutLeft : false !default;
$use-bounceOutRight : false !default;
// Rotate Enter
$use-rotateIn : false !default;
$use-rotateInUpLeft : false !default;
$use-rotateInUpRight : false !default;
$use-rotateInDownLeft : false !default;
$use-rotateInDownRight : false !default;
// Rotate Exit
$use-rotateOut : false !default;
$use-rotateOutUpLeft : false !default;
$use-rotateOutUpRight : false !default;
$use-rotateOutDownLeft : false !default;
$use-rotateOutDownRight : false !default;
// Flippers
$use-flip : false !default;
$use-flipInX : false !default;
$use-flipInY : false !default;
$use-flipOutX : false !default;
$use-flipOutY : false !default;
// Lightspeed
$use-lightSpeedIn : false !default;
$use-lightSpeedOut : false !default;
// Attention Seekers
$use-bounce : false !default;
$use-flash : false !default;
$use-pulse : false !default;
$use-wiggle : false !default;
$use-swing : false !default;
$use-shake : false !default;
$use-tada : false !default;
$use-wobble : false !default;
// Special
$use-hinge : false !default;
$use-rollIn : false !default;
$use-rollOut : false !default;