Sha256: ac594c7ef4b8d3804cfceed2c8b38a037db13b9a5a6944d770225078137f4817
Contents?: true
Size: 1.45 KB
Versions: 19
Compression:
Stored size: 1.45 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 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
19 entries across 19 versions & 1 rubygems