Sha256: 296a13871a4d7b8a977355103122ad0c45d8c795b7eb337c2b038505cb49a7bb

Contents?: true

Size: 1.85 KB

Versions: 85

Compression:

Stored size: 1.85 KB

Contents

// *******************************************************************
// Transition Property
// Variables for controlling which CSS properties transition.
// transition-property: $transition;
// *******************************************************************
$transition-none:      none;
$transition-all:       all;
$transition:           background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
$transition-colors:    background-color, border-color, color, fill, stroke;
$transition-opacity:   opacity;
$transition-shadow:    box-shadow;
$transition-transform: transform;

// *******************************************************************
// Transition Duration
// Variables for controlling the duration of CSS transitions.
// transition-duration: $duration-75;
// *******************************************************************
$duration-75:   75ms;
$duration-100:  100ms;
$duration-150:  150ms;
$duration-200:  200ms;
$duration-300:  300ms;
$duration-500:  500ms;
$duration-700:  700ms;
$duration-1000: 1000ms;

// *******************************************************************
// Transition Delay
// Variables for controlling the delay of CSS transitions.
// transition-delay: $delay-75;
// *******************************************************************
$delay-75:   75ms;
$delay-100:  100ms;
$delay-150:  150ms;
$delay-200:  200ms;
$delay-300:  300ms;
$delay-500:  500ms;
$delay-700:  700ms;
$delay-1000: 1000ms;

// *******************************************************************
// Transition Timing Function
// Variables for controlling the easing of CSS transitions.
// transition-timing-function: $ease-linear;
// *******************************************************************
$ease-linear: linear;
$ease-in:     cubic-bezier(0.4, 0, 1, 1);
$ease-out:    cubic-bezier(0, 0, 0.2, 1);
$ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

Version data entries

85 entries across 85 versions & 1 rubygems

Version Path
sass-zero-1.5.7 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.6 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.5 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.4 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.3 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.2 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.1 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.5.0 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.4.1 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.4.0 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.3.3 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.3.2 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.3.1 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.3.0 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.2.3 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.2.2 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.2.1 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.2.0 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.1.7 app/assets/stylesheets/sass-zero/variables/_transition.scss
sass-zero-1.1.6 app/assets/stylesheets/sass-zero/variables/transition.scss