From c76e604f7037b579316454bd05d6866f5052c638 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Thu, 8 Feb 2018 01:15:01 -0500 Subject: [PATCH 01/10] Initial transition support --- __tests__/fixtures/tailwind-output.css | 72 ++++++++++++++++++++++ defaultConfig.stub.js | 63 +++++++++++++++++++ src/generators/transitionDuration.js | 10 +++ src/generators/transitionProperty.js | 10 +++ src/generators/transitionTimingFunction.js | 10 +++ src/utilityModules.js | 6 ++ 6 files changed, 171 insertions(+) create mode 100644 src/generators/transitionDuration.js create mode 100644 src/generators/transitionProperty.js create mode 100644 src/generators/transitionTimingFunction.js diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 001c8a55d47e..81be42962166 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4301,6 +4301,78 @@ button, letter-spacing: .05em; } +.transition { + transition-duration: .25s; +} + +.transition-slower { + transition-duration: .75s; +} + +.transition-slow { + transition-duration: .5s; +} + +.transition-fast { + transition-duration: .15s; +} + +.transition-faster { + transition-duration: .075s; +} + +.transition { + transition-property: all; +} + +.transition-all { + transition-property: all; +} + +.transition-none { + transition-property: none; +} + +.transition-bg { + transition-property: background; +} + +.transition-opacity { + transition-property: opacity; +} + +.transition-color { + transition-property: color; +} + +.transition-shadow { + transition-property: box-shadow; +} + +.transition { + transition-timing-function: ease-in-out; +} + +.transition-linear { + transition-timing-function: linear; +} + +.transition-ease { + transition-timing-function: ease; +} + +.transition-in { + transition-timing-function: ease-in; +} + +.transition-out { + transition-timing-function: ease-out; +} + +.transition-in-out { + transition-timing-function: ease-in-out; +} + .select-none { user-select: none; } diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index d2e5ab7f8277..b15d79b37df2 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -795,6 +795,66 @@ module.exports = { 'current': 'currentColor', }, + /* + |----------------------------------------------------------------------------- + | Transition duration https://tailwindcss.com/docs/transitions + |----------------------------------------------------------------------------- + | + | TODO + | + | Class name: .transition-{name} + | + */ + + transitionDuration: { + default: '.25s', + 'slower': '.75s', + 'slow': '.5s', + 'fast': '.15s', + 'faster': '.075s', + }, + + /* + |----------------------------------------------------------------------------- + | Transition property https://tailwindcss.com/docs/transitions + |----------------------------------------------------------------------------- + | + | TODO + | + | Class name: .transition-{name} + | + */ + + transitionProperty: { + default: 'all', + 'all': 'all', + 'none': 'none', + 'bg': 'background', + 'opacity': 'opacity', + 'color': 'color', + 'shadow': 'box-shadow', + }, + + /* + |----------------------------------------------------------------------------- + | Transition timing function https://tailwindcss.com/docs/transitions + |----------------------------------------------------------------------------- + | + | TODO + | + | Class name: .transition-{name} + | + */ + + transitionTimingFunction: { + default: 'ease-in-out', + 'linear': 'linear', + 'ease': 'ease', + 'in': 'ease-in', + 'out': 'ease-out', + 'in-out': 'ease-in-out', + }, + /* |----------------------------------------------------------------------------- @@ -850,6 +910,9 @@ module.exports = { textSizes: ['responsive'], textStyle: ['responsive', 'hover'], tracking: ['responsive'], + transitionDuration: [], + transitionProperty: [], + transitionTimingFunction: [], userSelect: ['responsive'], verticalAlign: ['responsive'], visibility: ['responsive'], diff --git a/src/generators/transitionDuration.js b/src/generators/transitionDuration.js new file mode 100644 index 000000000000..5c418afc417a --- /dev/null +++ b/src/generators/transitionDuration.js @@ -0,0 +1,10 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +export default function({ transitionDuration }) { + return _.map(transitionDuration, (duration, modifier) => { + return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + 'transition-duration': duration, + }) + }) +} diff --git a/src/generators/transitionProperty.js b/src/generators/transitionProperty.js new file mode 100644 index 000000000000..73d6bd653e2f --- /dev/null +++ b/src/generators/transitionProperty.js @@ -0,0 +1,10 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +export default function({ transitionProperty }) { + return _.map(transitionProperty, (propery, modifier) => { + return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + 'transition-property': propery, + }) + }) +} diff --git a/src/generators/transitionTimingFunction.js b/src/generators/transitionTimingFunction.js new file mode 100644 index 000000000000..cc6c86070309 --- /dev/null +++ b/src/generators/transitionTimingFunction.js @@ -0,0 +1,10 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +export default function({ transitionTimingFunction }) { + return _.map(transitionTimingFunction, (func, modifier) => { + return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + 'transition-timing-function': func, + }) + }) +} diff --git a/src/utilityModules.js b/src/utilityModules.js index d22b9a6c4705..0d1dd5052d28 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -37,6 +37,9 @@ import textColors from './generators/textColors' import textSizes from './generators/textSizes' import textStyle from './generators/textStyle' import tracking from './generators/tracking' +import transitionDuration from './generators/transitionDuration' +import transitionProperty from './generators/transitionProperty' +import transitionTimingFunction from './generators/transitionTimingFunction' import userSelect from './generators/userSelect' import verticalAlign from './generators/verticalAlign' import visibility from './generators/visibility' @@ -84,6 +87,9 @@ export default [ { name: 'textSizes', generator: textSizes }, { name: 'textStyle', generator: textStyle }, { name: 'tracking', generator: tracking }, + { name: 'transitionDuration', generator: transitionDuration }, + { name: 'transitionProperty', generator: transitionProperty }, + { name: 'transitionTimingFunction', generator: transitionTimingFunction }, { name: 'userSelect', generator: userSelect }, { name: 'verticalAlign', generator: verticalAlign }, { name: 'visibility', generator: visibility }, From 078246092001f02170e6c825f2007e23ea422eae Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Thu, 8 Feb 2018 01:28:29 -0500 Subject: [PATCH 02/10] Documentation WIP --- defaultConfig.stub.js | 15 ++++++++----- docs/navigation.php | 5 +++++ docs/source/docs/transition-duration.blade.md | 22 +++++++++++++++++++ docs/source/docs/transition-property.blade.md | 22 +++++++++++++++++++ docs/source/docs/transition-timing.blade.md | 22 +++++++++++++++++++ 5 files changed, 80 insertions(+), 6 deletions(-) create mode 100644 docs/source/docs/transition-duration.blade.md create mode 100644 docs/source/docs/transition-property.blade.md create mode 100644 docs/source/docs/transition-timing.blade.md diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index b15d79b37df2..ce1c71b717a5 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -797,10 +797,11 @@ module.exports = { /* |----------------------------------------------------------------------------- - | Transition duration https://tailwindcss.com/docs/transitions + | Transition duration https://tailwindcss.com/docs/transition-duration |----------------------------------------------------------------------------- | - | TODO + | Here is where you define your CSS transition timings. By default we provide + | a handful of basic speeds. | | Class name: .transition-{name} | @@ -816,10 +817,11 @@ module.exports = { /* |----------------------------------------------------------------------------- - | Transition property https://tailwindcss.com/docs/transitions + | Transition property https://tailwindcss.com/docs/transition-property |----------------------------------------------------------------------------- | - | TODO + | Here is where you define the CSS properties that you would like to be able + | to transition. Sane defaults are provided as a starting point. | | Class name: .transition-{name} | @@ -837,10 +839,11 @@ module.exports = { /* |----------------------------------------------------------------------------- - | Transition timing function https://tailwindcss.com/docs/transitions + | Transition timing function https://tailwindcss.com/docs/transition-timing |----------------------------------------------------------------------------- | - | TODO + | Here is where you define the timing functions you would like to use in your + | CSS transitions. | | Class name: .transition-{name} | diff --git a/docs/navigation.php b/docs/navigation.php index 487e9973b4f8..e8b6093439b5 100644 --- a/docs/navigation.php +++ b/docs/navigation.php @@ -75,6 +75,11 @@ 'Style & Decoration' => 'text-style', 'Whitespace & Wrapping' => 'whitespace-and-wrapping', ], + 'Transitions' => [ + 'Duration' => 'transition-duration', + 'Properties' => 'transition-property', + 'Timing' => 'transition-timing', + ], 'Vertical Alignment' => 'vertical-alignment', 'Visibility' => 'visibility', 'Z-Index' => 'z-index', diff --git a/docs/source/docs/transition-duration.blade.md b/docs/source/docs/transition-duration.blade.md new file mode 100644 index 000000000000..b2d8a006222e --- /dev/null +++ b/docs/source/docs/transition-duration.blade.md @@ -0,0 +1,22 @@ +--- +extends: _layouts.documentation +title: "Transition Duration" +description: "Utilities for controlling the duration of CSS transitions." +features: + responsive: false + customizable: true + hover: false + focus: false +--- + +@include('_partials.work-in-progress') + +## Customizing + +@include('_partials.variants-and-disabling', [ + 'utility' => [ + 'name' => 'transition duration', + 'property' => 'transitionDuration', + ], + 'variants' => [], +]) diff --git a/docs/source/docs/transition-property.blade.md b/docs/source/docs/transition-property.blade.md new file mode 100644 index 000000000000..b1ec4ca48350 --- /dev/null +++ b/docs/source/docs/transition-property.blade.md @@ -0,0 +1,22 @@ +--- +extends: _layouts.documentation +title: "Transition Property" +description: "Utilities for controlling the properties that are transitioned in CSS transitions." +features: + responsive: false + customizable: true + hover: false + focus: false +--- + +@include('_partials.work-in-progress') + +## Customizing + +@include('_partials.variants-and-disabling', [ + 'utility' => [ + 'name' => 'transition property', + 'property' => 'transitionProperty', + ], + 'variants' => [], +]) diff --git a/docs/source/docs/transition-timing.blade.md b/docs/source/docs/transition-timing.blade.md new file mode 100644 index 000000000000..0267214d9976 --- /dev/null +++ b/docs/source/docs/transition-timing.blade.md @@ -0,0 +1,22 @@ +--- +extends: _layouts.documentation +title: "Transition Timing" +description: "Utilities for controlling the timing of CSS transitions." +features: + responsive: false + customizable: true + hover: false + focus: false +--- + +@include('_partials.work-in-progress') + +## Customizing + +@include('_partials.variants-and-disabling', [ + 'utility' => [ + 'name' => 'transition timing', + 'property' => 'transitionTimingFunction', + ], + 'variants' => [], +]) From c659d2911b4378bbc0105059d4d5cb498abaf040 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Thu, 8 Feb 2018 01:53:56 -0500 Subject: [PATCH 03/10] Docs --- .../variants-and-disabling.blade.php | 4 +-- docs/source/docs/transition-duration.blade.md | 30 ++++++++++++++++ docs/source/docs/transition-property.blade.md | 35 +++++++++++++++++++ docs/source/docs/transition-timing.blade.md | 35 +++++++++++++++++++ 4 files changed, 102 insertions(+), 2 deletions(-) diff --git a/docs/source/_partials/variants-and-disabling.blade.php b/docs/source/_partials/variants-and-disabling.blade.php index daaa785b08de..df9e66300e0a 100644 --- a/docs/source/_partials/variants-and-disabling.blade.php +++ b/docs/source/_partials/variants-and-disabling.blade.php @@ -1,10 +1,10 @@ @php - $whichVariants = "only $variants[0]"; + $whichVariants = count($variants) ? "only $variants[0]" : 'no'; for ($i = 1; $i < count($variants); $i++) { $whichVariants .= (($i == count($variants) - 1) ? ' and ' : ', ') . $variants[$i]; } - $currentVariants = '\'' . collect($variants)->implode('\', \'') . '\''; + $currentVariants = count($variants) ? '\'' . collect($variants)->implode('\', \'') . '\'' : ''; $extraVariants = collect([ 'responsive', diff --git a/docs/source/docs/transition-duration.blade.md b/docs/source/docs/transition-duration.blade.md index b2d8a006222e..192c709c515b 100644 --- a/docs/source/docs/transition-duration.blade.md +++ b/docs/source/docs/transition-duration.blade.md @@ -11,6 +11,36 @@ features: @include('_partials.work-in-progress') +@include('_partials.class-table', [ + 'rows' => [ + [ + '.transition', + 'transition-duration: .25s;', + "Set the transition duration to 0.25 seconds.", + ], + [ + '.transition-slow', + 'transition-duration: .5s;', + "Set the transition duration to 0.5 seconds.", + ], + [ + '.transition-slower', + 'transition-duration: .75s;', + "Set the transition duration to 0.75 seconds.", + ], + [ + '.transition-fast', + 'transition-duration: .15s;', + "Set the transition duration to 0.15 seconds.", + ], + [ + '.transition-faster', + 'transition-duration: .075s;', + "Set the transition duration to 0.075 seconds.", + ], + ] +]) + ## Customizing @include('_partials.variants-and-disabling', [ diff --git a/docs/source/docs/transition-property.blade.md b/docs/source/docs/transition-property.blade.md index b1ec4ca48350..9fc345646e4b 100644 --- a/docs/source/docs/transition-property.blade.md +++ b/docs/source/docs/transition-property.blade.md @@ -11,6 +11,41 @@ features: @include('_partials.work-in-progress') +@include('_partials.class-table', [ + 'rows' => [ + [ + '.transition', + 'transition-property: all;', + "Transition all properties.", + ], + [ + '.transition-none', + 'transition-property: none;', + "Transition no properties.", + ], + [ + '.transition-bg', + 'transition-property: background;', + "Transition the element's background.", + ], + [ + '.transition-opacity', + 'transition-property: opacity;', + "Transition the element's opacity.", + ], + [ + '.transition-color', + 'transition-property: color;', + "Transition the element's color.", + ], + [ + '.transition-shadow', + 'transition-property: box-shadow;', + "Transition the element's box shadow.", + ], + ] +]) + ## Customizing @include('_partials.variants-and-disabling', [ diff --git a/docs/source/docs/transition-timing.blade.md b/docs/source/docs/transition-timing.blade.md index 0267214d9976..d95caa93d19c 100644 --- a/docs/source/docs/transition-timing.blade.md +++ b/docs/source/docs/transition-timing.blade.md @@ -11,6 +11,41 @@ features: @include('_partials.work-in-progress') +@include('_partials.class-table', [ + 'rows' => [ + [ + '.transition', + 'transition-timing-function: ease-in-out;', + "Use the 'ease-in-out' timing function for transitions.", + ], + [ + '.transition-linear', + 'transition-timing-function: linear;', + "Use the 'linear' timing function for transitions.", + ], + [ + '.transition-ease', + 'transition-timing-function: ease;', + "Use the 'ease' timing function for transitions.", + ], + [ + '.transition-in', + 'transition-timing-function: ease-in;', + "Use the 'ease-in' timing function for transitions.", + ], + [ + '.transition-out', + 'transition-timing-function: ease-out;', + "Use the 'ease-out' timing function for transitions.", + ], + [ + '.transition-in-out', + 'transition-timing-function: ease-in-out;', + "Use the 'ease-in-out' timing function for transitions.", + ], + ] +]) + ## Customizing @include('_partials.variants-and-disabling', [ From c0133c854473b273a3180a7add90ceb74cee606f Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 08:59:42 -0500 Subject: [PATCH 04/10] `.transition-` -> `.trans-` --- __tests__/fixtures/tailwind-output.css | 36 +++++++++---------- docs/source/docs/transition-duration.blade.md | 10 +++--- docs/source/docs/transition-property.blade.md | 12 +++---- docs/source/docs/transition-timing.blade.md | 12 +++---- src/generators/transitionDuration.js | 2 +- src/generators/transitionProperty.js | 2 +- src/generators/transitionTimingFunction.js | 2 +- 7 files changed, 38 insertions(+), 38 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 81be42962166..9caad19f0c6b 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4301,75 +4301,75 @@ button, letter-spacing: .05em; } -.transition { +.trans { transition-duration: .25s; } -.transition-slower { +.trans-slower { transition-duration: .75s; } -.transition-slow { +.trans-slow { transition-duration: .5s; } -.transition-fast { +.trans-fast { transition-duration: .15s; } -.transition-faster { +.trans-faster { transition-duration: .075s; } -.transition { +.trans { transition-property: all; } -.transition-all { +.trans-all { transition-property: all; } -.transition-none { +.trans-none { transition-property: none; } -.transition-bg { +.trans-bg { transition-property: background; } -.transition-opacity { +.trans-opacity { transition-property: opacity; } -.transition-color { +.trans-color { transition-property: color; } -.transition-shadow { +.trans-shadow { transition-property: box-shadow; } -.transition { +.trans { transition-timing-function: ease-in-out; } -.transition-linear { +.trans-linear { transition-timing-function: linear; } -.transition-ease { +.trans-ease { transition-timing-function: ease; } -.transition-in { +.trans-in { transition-timing-function: ease-in; } -.transition-out { +.trans-out { transition-timing-function: ease-out; } -.transition-in-out { +.trans-in-out { transition-timing-function: ease-in-out; } diff --git a/docs/source/docs/transition-duration.blade.md b/docs/source/docs/transition-duration.blade.md index 192c709c515b..cabda2c40f8c 100644 --- a/docs/source/docs/transition-duration.blade.md +++ b/docs/source/docs/transition-duration.blade.md @@ -14,27 +14,27 @@ features: @include('_partials.class-table', [ 'rows' => [ [ - '.transition', + '.trans', 'transition-duration: .25s;', "Set the transition duration to 0.25 seconds.", ], [ - '.transition-slow', + '.trans-slow', 'transition-duration: .5s;', "Set the transition duration to 0.5 seconds.", ], [ - '.transition-slower', + '.trans-slower', 'transition-duration: .75s;', "Set the transition duration to 0.75 seconds.", ], [ - '.transition-fast', + '.trans-fast', 'transition-duration: .15s;', "Set the transition duration to 0.15 seconds.", ], [ - '.transition-faster', + '.trans-faster', 'transition-duration: .075s;', "Set the transition duration to 0.075 seconds.", ], diff --git a/docs/source/docs/transition-property.blade.md b/docs/source/docs/transition-property.blade.md index 9fc345646e4b..4b87dd93180e 100644 --- a/docs/source/docs/transition-property.blade.md +++ b/docs/source/docs/transition-property.blade.md @@ -14,32 +14,32 @@ features: @include('_partials.class-table', [ 'rows' => [ [ - '.transition', + '.trans', 'transition-property: all;', "Transition all properties.", ], [ - '.transition-none', + '.trans-none', 'transition-property: none;', "Transition no properties.", ], [ - '.transition-bg', + '.trans-bg', 'transition-property: background;', "Transition the element's background.", ], [ - '.transition-opacity', + '.trans-opacity', 'transition-property: opacity;', "Transition the element's opacity.", ], [ - '.transition-color', + '.trans-color', 'transition-property: color;', "Transition the element's color.", ], [ - '.transition-shadow', + '.trans-shadow', 'transition-property: box-shadow;', "Transition the element's box shadow.", ], diff --git a/docs/source/docs/transition-timing.blade.md b/docs/source/docs/transition-timing.blade.md index d95caa93d19c..2e2d8720ecaa 100644 --- a/docs/source/docs/transition-timing.blade.md +++ b/docs/source/docs/transition-timing.blade.md @@ -14,32 +14,32 @@ features: @include('_partials.class-table', [ 'rows' => [ [ - '.transition', + '.trans', 'transition-timing-function: ease-in-out;', "Use the 'ease-in-out' timing function for transitions.", ], [ - '.transition-linear', + '.trans-linear', 'transition-timing-function: linear;', "Use the 'linear' timing function for transitions.", ], [ - '.transition-ease', + '.trans-ease', 'transition-timing-function: ease;', "Use the 'ease' timing function for transitions.", ], [ - '.transition-in', + '.trans-in', 'transition-timing-function: ease-in;', "Use the 'ease-in' timing function for transitions.", ], [ - '.transition-out', + '.trans-out', 'transition-timing-function: ease-out;', "Use the 'ease-out' timing function for transitions.", ], [ - '.transition-in-out', + '.trans-in-out', 'transition-timing-function: ease-in-out;', "Use the 'ease-in-out' timing function for transitions.", ], diff --git a/src/generators/transitionDuration.js b/src/generators/transitionDuration.js index 5c418afc417a..b4657e3b83a1 100644 --- a/src/generators/transitionDuration.js +++ b/src/generators/transitionDuration.js @@ -3,7 +3,7 @@ import defineClass from '../util/defineClass' export default function({ transitionDuration }) { return _.map(transitionDuration, (duration, modifier) => { - return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + return defineClass(modifier === 'default' ? 'trans' : `trans-${modifier}`, { 'transition-duration': duration, }) }) diff --git a/src/generators/transitionProperty.js b/src/generators/transitionProperty.js index 73d6bd653e2f..38887de0cbd4 100644 --- a/src/generators/transitionProperty.js +++ b/src/generators/transitionProperty.js @@ -3,7 +3,7 @@ import defineClass from '../util/defineClass' export default function({ transitionProperty }) { return _.map(transitionProperty, (propery, modifier) => { - return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + return defineClass(modifier === 'default' ? 'trans' : `trans-${modifier}`, { 'transition-property': propery, }) }) diff --git a/src/generators/transitionTimingFunction.js b/src/generators/transitionTimingFunction.js index cc6c86070309..d6e55593da20 100644 --- a/src/generators/transitionTimingFunction.js +++ b/src/generators/transitionTimingFunction.js @@ -3,7 +3,7 @@ import defineClass from '../util/defineClass' export default function({ transitionTimingFunction }) { return _.map(transitionTimingFunction, (func, modifier) => { - return defineClass(modifier === 'default' ? 'transition' : `transition-${modifier}`, { + return defineClass(modifier === 'default' ? 'trans' : `trans-${modifier}`, { 'transition-timing-function': func, }) }) From 0aa84a8854bdeb56b97d2ef4ef7565e249d9b110 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 09:47:03 -0500 Subject: [PATCH 05/10] Explicit timing name defaults --- __tests__/fixtures/tailwind-output.css | 6 +++--- defaultConfig.stub.js | 6 +++--- docs/source/docs/transition-timing.blade.md | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 9caad19f0c6b..0ad95c1a1ea1 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4361,15 +4361,15 @@ button, transition-timing-function: ease; } -.trans-in { +.trans-ease-in { transition-timing-function: ease-in; } -.trans-out { +.trans-ease-out { transition-timing-function: ease-out; } -.trans-in-out { +.trans-ease-in-out { transition-timing-function: ease-in-out; } diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index ce1c71b717a5..f72004799a08 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -853,9 +853,9 @@ module.exports = { default: 'ease-in-out', 'linear': 'linear', 'ease': 'ease', - 'in': 'ease-in', - 'out': 'ease-out', - 'in-out': 'ease-in-out', + 'ease-in': 'ease-in', + 'ease-out': 'ease-out', + 'ease-in-out': 'ease-in-out', }, diff --git a/docs/source/docs/transition-timing.blade.md b/docs/source/docs/transition-timing.blade.md index 2e2d8720ecaa..ff2d4e656576 100644 --- a/docs/source/docs/transition-timing.blade.md +++ b/docs/source/docs/transition-timing.blade.md @@ -29,17 +29,17 @@ features: "Use the 'ease' timing function for transitions.", ], [ - '.trans-in', + '.trans-ease-in', 'transition-timing-function: ease-in;', "Use the 'ease-in' timing function for transitions.", ], [ - '.trans-out', + '.trans-ease-out', 'transition-timing-function: ease-out;', "Use the 'ease-out' timing function for transitions.", ], [ - '.trans-in-out', + '.trans-ease-in-out', 'transition-timing-function: ease-in-out;', "Use the 'ease-in-out' timing function for transitions.", ], From c69b02e51968a95d2fbc4699f99e9b24f21861d8 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 11:20:44 -0500 Subject: [PATCH 06/10] Delay --- __tests__/fixtures/tailwind-output.css | 20 +++++++++ defaultConfig.stub.js | 25 +++++++++-- docs/navigation.php | 1 + docs/source/docs/transition-delay.blade.md | 52 ++++++++++++++++++++++ src/generators/transitionDelay.js | 10 +++++ src/utilityModules.js | 2 + 6 files changed, 107 insertions(+), 3 deletions(-) create mode 100644 docs/source/docs/transition-delay.blade.md create mode 100644 src/generators/transitionDelay.js diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 0ad95c1a1ea1..a7a89de83f38 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4373,6 +4373,26 @@ button, transition-timing-function: ease-in-out; } +.trans-delay { + transition-delay: .25s; +} + +.trans-delay-long { + transition-delay: .5s; +} + +.trans-delay-longer { + transition-delay: .75s; +} + +.trans-delay-longest { + transition-delay: 1s; +} + +.trans-delay-none { + transition-delay: unset; +} + .select-none { user-select: none; } diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index f72004799a08..c357a2cb787a 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -803,7 +803,7 @@ module.exports = { | Here is where you define your CSS transition timings. By default we provide | a handful of basic speeds. | - | Class name: .transition-{name} + | Class name: .trans-{name} | */ @@ -823,7 +823,7 @@ module.exports = { | Here is where you define the CSS properties that you would like to be able | to transition. Sane defaults are provided as a starting point. | - | Class name: .transition-{name} + | Class name: .trans-{name} | */ @@ -845,7 +845,7 @@ module.exports = { | Here is where you define the timing functions you would like to use in your | CSS transitions. | - | Class name: .transition-{name} + | Class name: .trans-{name} | */ @@ -858,6 +858,24 @@ module.exports = { 'ease-in-out': 'ease-in-out', }, + /* + |----------------------------------------------------------------------------- + | Transition delay https://tailwindcss.com/docs/transition-delay + |----------------------------------------------------------------------------- + | + | Here is where you define your transition delay lengths. + | + | Class name: .trans-delay-{name} + | + */ + + transitionDelay: { + default: '.25s', + 'long': '.5s', + 'longer': '.75s', + 'longest': '1s', + 'none': 'unset', + }, /* |----------------------------------------------------------------------------- @@ -916,6 +934,7 @@ module.exports = { transitionDuration: [], transitionProperty: [], transitionTimingFunction: [], + transitionDelay: [], userSelect: ['responsive'], verticalAlign: ['responsive'], visibility: ['responsive'], diff --git a/docs/navigation.php b/docs/navigation.php index e8b6093439b5..4ee4d5346e61 100644 --- a/docs/navigation.php +++ b/docs/navigation.php @@ -79,6 +79,7 @@ 'Duration' => 'transition-duration', 'Properties' => 'transition-property', 'Timing' => 'transition-timing', + 'Delay' => 'transition-delay', ], 'Vertical Alignment' => 'vertical-alignment', 'Visibility' => 'visibility', diff --git a/docs/source/docs/transition-delay.blade.md b/docs/source/docs/transition-delay.blade.md new file mode 100644 index 000000000000..34f14ef4da5e --- /dev/null +++ b/docs/source/docs/transition-delay.blade.md @@ -0,0 +1,52 @@ +--- +extends: _layouts.documentation +title: "Transition Timing" +description: "Utilities for controlling the timing of CSS transitions." +features: + responsive: false + customizable: true + hover: false + focus: false +--- + +@include('_partials.work-in-progress') + +@include('_partials.class-table', [ + 'rows' => [ + [ + '.trans-delay', + 'transition-delay: 0.25s;', + "Delay the transition for 0.25 seconds.", + ], + [ + '.trans-delay-long', + 'transition-delay: 0.5s;', + "Delay the transition for 0.5 seconds.", + ], + [ + '.trans-delay-longer', + 'transition-delay: 0.75s;', + "Delay the transition for 0.75 seconds.", + ], + [ + '.trans-delay-longest', + 'transition-delay: 1s;', + "Delay the transition for a second.", + ], + [ + '.trans-delay-none', + 'transition-delay: unset;', + "Unset any transition delay.", + ], + ] +]) + +## Customizing + +@include('_partials.variants-and-disabling', [ + 'utility' => [ + 'name' => 'transition delay', + 'property' => 'transitionDelay', + ], + 'variants' => [], +]) diff --git a/src/generators/transitionDelay.js b/src/generators/transitionDelay.js new file mode 100644 index 000000000000..3bb5847166a2 --- /dev/null +++ b/src/generators/transitionDelay.js @@ -0,0 +1,10 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +export default function({ transitionDelay }) { + return _.map(transitionDelay, (delay, modifier) => { + return defineClass(modifier === 'default' ? 'trans-delay' : `trans-delay-${modifier}`, { + 'transition-delay': delay, + }) + }) +} diff --git a/src/utilityModules.js b/src/utilityModules.js index 0d1dd5052d28..6c97ae5673f5 100644 --- a/src/utilityModules.js +++ b/src/utilityModules.js @@ -40,6 +40,7 @@ import tracking from './generators/tracking' import transitionDuration from './generators/transitionDuration' import transitionProperty from './generators/transitionProperty' import transitionTimingFunction from './generators/transitionTimingFunction' +import transitionDelay from './generators/transitionDelay' import userSelect from './generators/userSelect' import verticalAlign from './generators/verticalAlign' import visibility from './generators/visibility' @@ -90,6 +91,7 @@ export default [ { name: 'transitionDuration', generator: transitionDuration }, { name: 'transitionProperty', generator: transitionProperty }, { name: 'transitionTimingFunction', generator: transitionTimingFunction }, + { name: 'transitionDelay', generator: transitionDelay }, { name: 'userSelect', generator: userSelect }, { name: 'verticalAlign', generator: verticalAlign }, { name: 'visibility', generator: visibility }, From b2222eb9474c5b10844a6e211cc765e5bbb2952b Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 11:52:17 -0500 Subject: [PATCH 07/10] Delay examples --- docs/source/_assets/less/main.less | 4 ++++ docs/source/docs/transition-delay.blade.md | 21 +++++++++++++++++++-- 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/docs/source/_assets/less/main.less b/docs/source/_assets/less/main.less index 8de9f296bdc1..c7a747046c03 100644 --- a/docs/source/_assets/less/main.less +++ b/docs/source/_assets/less/main.less @@ -36,6 +36,10 @@ ul { @apply .text-white; } +.group:hover .group-hover\:bg-white { + @apply .bg-white; +} + .bg-pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='778' viewBox='0 0 600 778' %3E%3Cg fill='%23E8ECEF'%3E%3Cpath d='M0 31h133V0h2v237a2 2 0 0 1-2 2H0v-2h133v-18H0v-2h133v-42H0v-2h133v-72H0v-2h133V33H0v-2zm0 20h14a1 1 0 0 1 0 2H0v-2zm0 89h11a1 1 0 1 1 0 2H0v-2zm0 6h16a1 1 0 1 1 0 2H0v-2zm0 4h14a1 1 0 1 1 0 2H0v-2zm0 4h16a1 1 0 1 1 0 2H0v-2zm0 4h12a1 1 0 1 1 0 2H0v-2zm0-99h36a1 1 0 0 1 0 2H0v-2zm0 4h34a1 1 0 0 1 0 2H0v-2zm0 4h32a1 1 0 0 1 0 2H0v-2zm0 4h34a1 1 0 0 1 0 2H0v-2zm0 4h32a1 1 0 0 1 0 2H0v-2zm0 39.46a10 10 0 0 1 0 19.08v-2.12a8 8 0 0 0 0-14.84v-2.12zM12 2h66a1 1 0 0 1 0 2H12a1 1 0 0 1 0-2zm10 4h46a1 1 0 0 1 0 2H22a1 1 0 0 1 0-2zm9 6h10a3 3 0 0 1 0 6H31a3 3 0 0 1 0-6zm-6 186h40a3 3 0 0 1 0 6H25a3 3 0 0 1 0-6zM49 12h10a3 3 0 0 1 0 6H49a3 3 0 0 1 0-6zm-4 220a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-20-92h28a1 1 0 1 1 0 2H31a1 1 0 1 1 0-2zm-10 48h48a1 1 0 1 1 0 2H21a1 1 0 1 1 0-2zm5 36h38a1 1 0 1 1 0 2H26a1 1 0 1 1 0-2zm-15-32h68a1 1 0 1 1 0 2H11a1 1 0 1 1 0-2zm17-46h34a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm2 4h30a1 1 0 1 1 0 2H30a1 1 0 1 1 0-2zm2 4h26a1 1 0 1 1 0 2H32a1 1 0 1 1 0-2zm-4 4h34a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm53-18h24a1 1 0 1 1 0 2H81a1 1 0 1 1 0-2zm-3 6h30a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm-4 4h38a1 1 0 1 1 0 2H74a1 1 0 1 1 0-2zm2 4h34a1 1 0 1 1 0 2H76a1 1 0 1 1 0-2zm2 4h30a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zM55 46h56a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H55a2 2 0 0 1-2-2V48c0-1.1.9-2 2-2zm38 88a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm-48 0a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm48-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-48 0a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm10-84v36h56V48H55zm13 32h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1.7-.7l8 8A1 1 0 0 1 68 80zM56 200v2h9a1 1 0 1 0 0-2h-9zm-2 0H25a1 1 0 1 0 0 2h29v-2zM31 14a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H31zm18 0a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H49zM0 761v-2h133v-12H0v-2h133a2 2 0 0 1 2 2v31h-2v-17H0zm22 13h46a1 1 0 1 1 0 2H22a1 1 0 1 1 0-2zm82-22h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM0 471v-2h133v-87H0v-2h17v-44H0v-2h103v-6H0v-2h103v-1a1 1 0 0 0-1-1H0v-2h102a3 3 0 0 1 3 3v55h28V261H0v-2h133a2 2 0 0 1 2 2v270a2 2 0 0 1-2 2H0v-2h133v-16H0v-2h133v-42H0zm8-68a1 1 0 1 1 0 2H0v-2h8zM0 522h6a1 1 0 1 1 0 2H0v-2zm0-113h12a1 1 0 1 1 0 2H0v-2zm0 4h8a1 1 0 1 1 0 2H0v-2zm0 4h6a1 1 0 1 1 0 2H0v-2zm6 23a1 1 0 1 1 0 2H0v-2h6zm-6 6h6a1 1 0 1 1 0 2H0v-2zm0 4h10a1 1 0 1 1 0 2H0v-2zm0 4h6a1 1 0 1 1 0 2H0v-2zm103-74v-44H19v44h84zm-81-95h46a1 1 0 1 1 0 2H22a1 1 0 1 1 0-2zm-10 8h66a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zm10 4h46a1 1 0 1 1 0 2H22a1 1 0 1 1 0-2zm15 6h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H37a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm1 4h14v-2H38v2zm0-32h14a1 1 0 1 1 0 2H38a1 1 0 1 1 0-2zm7-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm60 252a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-75-41h18a1 1 0 1 1 0 2H36a1 1 0 1 1 0-2zm-25 4h68a1 1 0 1 1 0 2H11a1 1 0 1 1 0-2zm-10 6h88a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2zm12 4h64a1 1 0 1 1 0 2H13a1 1 0 1 1 0-2zm15-95h24a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm1-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-1 10h29a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm0 4h35a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm0 4h32a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm50-14h22a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm1-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-1 10h34a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm0 4h30a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm0 4h33a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm-50 23h20a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm1-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-1 10h29a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm0 4h31a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm0 4h34a1 1 0 1 1 0 2H28a1 1 0 1 1 0-2zm50-14h26a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm1-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-1 10h30a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm0 4h26a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2zm0 4h29a1 1 0 1 1 0 2H78a1 1 0 1 1 0-2z'/%3E%3Cpath d='M0 555v-2h133a2 2 0 0 1 2 2v168a2 2 0 0 1-2 2H0v-2h133V569H0v-2h133v-12H0zm16 3h58a3 3 0 0 1 0 6H16a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h58a1 1 0 1 0 0-2H16zm88 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-14 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-75 21h60a2 2 0 0 1 2 2v46a2 2 0 0 1-2 2H15a2 2 0 0 1-2-2v-46c0-1.1.9-2 2-2zm0 52h60a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H15a2 2 0 0 1-2-2v-36c0-1.1.9-2 2-2zm0 42h60a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H15a2 2 0 0 1-2-2v-36c0-1.1.9-2 2-2zm68-94h28a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H83a2 2 0 0 1-2-2v-24c0-1.1.9-2 2-2zm0 2v24h28v-24H83zm0 28h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H83a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h28v-26H83zm-8 8H15v8h60v-8zm0 82v-26H15v26h60zm0 2H15v8h60v-8zm0-44v-26H15v26h60zm0 2H15v8h60v-8zm0-44v-36H15v36h60zm-61-44h15a1 1 0 1 1 0 2H14a1 1 0 1 1 0-2zm68 0h15a1 1 0 1 1 0 2H82a1 1 0 1 1 0-2zm0 70h30a1 1 0 1 1 0 2H82a1 1 0 1 1 0-2zm0 4h30a1 1 0 1 1 0 2H82a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2H82a1 1 0 1 1 0-2z'/%3E%3Cpath d='M600 31v2h-43v66h43v2h-43v72h43v2h-43v42h43v2h-43v18h43v2h-43a2 2 0 0 1-2-2V0h2v31h43zm0 20v2h-22a1 1 0 1 1 0-2h22zm0 89v2h-17a1 1 0 1 1 0-2h17zm0 6v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-20a1 1 0 1 1 0-2h20zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-18a1 1 0 1 1 0-2h18zm0-99v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 39.46v2.12a8 8 0 1 0 0 14.84v2.12a10 10 0 1 1 0-19.08zM578 79h17a1 1 0 1 1 0 2h-17a1 1 0 1 1 0-2zm22 682h-43v17h-2v-31c0-1.1.9-2 2-2h43v2h-43v12h43v2zm-21-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm21-284h-43v42h43v2h-43v16h43v2h-43a2 2 0 0 1-2-2V261c0-1.1.9-2 2-2h43v2h-43v119h28v-55a3 3 0 0 1 3-3h12v2h-12a1 1 0 0 0-1 1v1h13v2h-13v6h13v2h-13v44h13v2h-43v87h43v2zm0-68v2h-22a1 1 0 1 1 0-2h22zm0 119v2h-22a1 1 0 1 1 0-2h22zm0-113v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 23v2h-22a1 1 0 1 1 0-2h22zm0 6v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm0 4v2h-22a1 1 0 1 1 0-2h22zm-21-55a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 37a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3Cpath d='M600 555h-43v12h43v2h-43v154h43v2h-43a2 2 0 0 1-2-2V555c0-1.1.9-2 2-2h43v2zm-16 5h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-2 27h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm4-24h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 6h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm0 6h11a1 1 0 1 1 0 2h-11a1 1 0 1 1 0-2zm0 6h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 6h11a1 1 0 1 1 0 2h-11a1 1 0 1 1 0-2zm4-42h11a1 1 0 1 1 0 2h-11a1 1 0 1 1 0-2zm0 4h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-8-4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm1 2v2h2v-2h-2zm0-14a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3Cpath d='M157 201h176a2 2 0 0 1 2 2v334a2 2 0 0 1-2 2H157a2 2 0 0 1-2-2V203c0-1.1.9-2 2-2zm176 294v-78H157v78h176zm0 2H157v40h176v-40zm0-82v-44H157v44h176zm0-46V267H157v102h176zm0-104v-62H157v62h176zm-155-38h56a1 1 0 1 1 0 2h-56a1 1 0 1 1 0-2zm0 6h76a1 1 0 1 1 0 2h-76a1 1 0 1 1 0-2zm0 4h66a1 1 0 1 1 0 2h-66a1 1 0 1 1 0-2zm0 6h14a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm1 2v2h12v-2h-12zm17-2h14a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm1 4h12v-2h-12v2zm107-39h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-93 3a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm2 180v4a1 1 0 0 1-1.7.7l-2-2a1 1 0 0 1 0-1.4l2-2a1 1 0 0 1 1.7.7zm128 0a1 1 0 0 1 1.7-.7l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 0 1-1.7-.7v-4zM178 283h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 6h78a1 1 0 1 1 0 2h-78a1 1 0 1 1 0-2zm0 4h66a1 1 0 1 1 0 2h-66a1 1 0 1 1 0-2zm28 94h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm-28 82h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 36h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm36 0h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm-108 4h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm36 0h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm36 0h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-108 4h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm36 0h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm36 0h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm-108 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 10h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36-10h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm36 0h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm-108-44h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm48-8h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm48-8h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h32a1 1 0 1 1 0 2h-32a1 1 0 1 1 0-2zm0 4h34a1 1 0 1 1 0 2h-34a1 1 0 1 1 0-2zm-68-84h78a1 1 0 1 1 0 2h-78a1 1 0 1 1 0-2zm0 4h66a1 1 0 1 1 0 2h-66a1 1 0 1 1 0-2zm-28-56h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 6h58a1 1 0 1 1 0 2h-58a1 1 0 1 1 0-2zm0 4h54a1 1 0 1 1 0 2h-54a1 1 0 1 1 0-2zm72-10h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 6h60a1 1 0 1 1 0 2h-60a1 1 0 1 1 0-2zm0 4h46a1 1 0 1 1 0 2h-46a1 1 0 1 1 0-2zm1-52h60a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-60a2 2 0 0 1-2-2v-32c0-1.1.9-2 2-2zm0 2v32h60v-32h-60zm-72-2h60a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-60a2 2 0 0 1-2-2v-32c0-1.1.9-2 2-2zm0 2v32h60v-32h-60zm5 28a1 1 0 0 1-1-1v-6a1 1 0 0 1 1.7-.7l6 6a1 1 0 0 1-.7 1.7h-6zm72 0a1 1 0 0 1-1-1v-6a1 1 0 0 1 1.7-.7l6 6a1 1 0 0 1-.7 1.7h-6zm49 201a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-132-97h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm48 0h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm48 0h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm36 22v-20h-36v20h36zm0 2h-36v4h36v-4zm-48-2v-20h-36v20h36zm0 2h-36v4h36v-4zm-48-2v-20h-36v20h36zm0 2h-36v4h36v-4zM157 7h176a2 2 0 0 1 2 2v170a2 2 0 0 1-2 2H157a2 2 0 0 1-2-2V9c0-1.1.9-2 2-2zm176 55.48l-8.55 3.42-9.94 5.96a1 1 0 0 1-.41.14l-10 1a1 1 0 0 1-.55-.1l-9.88-4.95-9.57-1.91-9.73 3.89a1 1 0 0 1-1-.15l-9.3-7.44-9.36 9.37a1 1 0 0 1-.9.27l-9.71-1.94-9.73 3.89a1 1 0 0 1-.74 0l-9.73-3.9-9.4 1.9-9.5 9.48V93h128V62.48zm0-2.16V45H205v33.59l8.3-8.3a1 1 0 0 1 .5-.27l10-2a1 1 0 0 1 .57.05l9.63 3.85 9.63-3.85a1 1 0 0 1 .57-.05l9.47 1.9 9.62-9.63a1 1 0 0 1 1.33-.07l9.55 7.64 9.46-3.79a1 1 0 0 1 .57-.05l10 2a1 1 0 0 1 .25.09l9.74 4.87 9.49-.95 9.8-5.89.15-.07 9.37-3.75zm0 42.68v-8H205v8h128zm0 2H205v64h128v-64zm0-62V23H205v20h128zm0-22V9H205v12h128zM157 169h46V9h-46v160zm0 2v8h176v-8H157zm53-143h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 80h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 8h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm0 8h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 8h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 8h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 8h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm32-56h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm0 8h17a1 1 0 1 1 0 2h-17a1 1 0 1 1 0-2zm0 8h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 8h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 8h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm32-56h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h17a1 1 0 1 1 0 2h-17a1 1 0 1 1 0-2zm0 8h11a1 1 0 1 1 0 2h-11a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm0 8h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm0 8h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 8h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm32-56h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 8h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm0 8h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 8h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm0 8h17a1 1 0 1 1 0 2h-17a1 1 0 1 1 0-2zm0 8h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zM210 36h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-46-24h38a3 3 0 0 1 0 6h-38a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h38a1 1 0 1 0 0-2h-38zm90 12h8a3 3 0 0 1 0 6h-8a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8zm16-2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm8-2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-164-3h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 6h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 6h15a1 1 0 1 1 0 2h-15a1 1 0 1 1 0-2zm0 6h11a1 1 0 1 1 0 2h-11a1 1 0 1 1 0-2zm0 10h13a1 1 0 1 1 0 2h-13a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h19a1 1 0 1 1 0 2h-19a1 1 0 1 1 0-2zm0 6h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm166-57a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-148 0h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-5 3a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 542h176a2 2 0 0 1 2 2v202a2 2 0 0 1-2 2H157a2 2 0 0 1-2-2V561c0-1.1.9-2 2-2zm176 20H157v10h176v-10zm0-2v-16H157v16h176zm0 14H157v172h176V591zm-33-25h10a3 3 0 0 1 0 6h-10a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2h-10zM178 703h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm48-8h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm-48 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm48-8h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm-48 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm48-8h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm48-146h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm-96-8h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm96 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-96-14h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm0-17h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm0 4h9a1 1 0 1 1 0 2h-9a1 1 0 1 1 0-2zm16 13h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm14 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm12 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm-4-11h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm16 11h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm18 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-8 26h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h34a1 1 0 1 1 0 2h-34a1 1 0 1 1 0-2zm0 4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h34a1 1 0 1 1 0 2h-34a1 1 0 1 1 0-2zm0 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h32a1 1 0 1 1 0 2h-32a1 1 0 1 1 0-2zm0 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 12h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h30a1 1 0 1 1 0 2h-30a1 1 0 1 1 0-2zm0 12h36a1 1 0 1 1 0 2h-36a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 12h32a1 1 0 1 1 0 2h-32a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm0 4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 12h32a1 1 0 1 1 0 2h-32a1 1 0 1 1 0-2zm0 4h38a1 1 0 1 1 0 2h-38a1 1 0 1 1 0-2zm-96-100h83a1 1 0 1 1 0 2h-83a1 1 0 1 1 0-2zm0 4h86a1 1 0 1 1 0 2h-86a1 1 0 1 1 0-2zm0 4h54a1 1 0 1 1 0 2h-54a1 1 0 1 1 0-2zm1-52h84a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2h-84a2 2 0 0 1-2-2v-36c0-1.1.9-2 2-2zm0 2v36h84v-36h-84zm0 62h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h36v-26h-36zm48-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-36a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h36v-26h-36zm18-101a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm60 16a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-8-15a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm20 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm46-399h176a2 2 0 0 1 2 2v272a2 2 0 0 1-2 2H357a2 2 0 0 1-2-2V189c0-1.1.9-2 2-2zm176 118v-38h-57v38h57zm0 2H357v66h176v-66zm-176-2h57v-38h-57v38zm59 0h58v-38h-58v38zm117-40v-62H357v62h176zm0 110H357v36h176v-36zm0 38H357v48h176v-48zm0-212v-12H357v12h176zm-53-7h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-16 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-53 3a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm42 120h48a1 1 0 1 1 0 2h-48a1 1 0 1 1 0-2zm-10 4h68a1 1 0 1 1 0 2h-68a1 1 0 1 1 0-2zm14 74h40a3 3 0 0 1 0 6h-40a3 3 0 0 1 0-6zm-4-10h48a1 1 0 1 1 0 2h-48a1 1 0 1 1 0-2zm-10 4h68a1 1 0 1 1 0 2h-68a1 1 0 1 1 0-2zm-33 40h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm36 0h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm36 0h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36-8h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm-108 12h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36 0h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0-12h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm72 0h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-108 12h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm36 0h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm36-16h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 4h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm36 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm-108-8h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm101-80a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 4h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-11 23a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm-59-13a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 4h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-11 23a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm-59-13a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 4h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-11 23a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm11-7h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 4h12a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2zm-16 93h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm36-10h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm72-8h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm19 21a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-89-231h46a1 1 0 1 1 0 2h-46a1 1 0 1 1 0-2zm-50 70h27a1 1 0 1 1 0 2h-27a1 1 0 1 1 0-2zm2 4h23a1 1 0 1 1 0 2h-23a1 1 0 1 1 0-2zm60-4h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm-2 4h24a1 1 0 1 1 0 2h-24a1 1 0 1 1 0-2zm59-4h27a1 1 0 1 1 0 2h-27a1 1 0 1 1 0-2zm3 4h21a1 1 0 1 1 0 2h-21a1 1 0 1 1 0-2zm-82-68h66a1 1 0 1 1 0 2h-66a1 1 0 1 1 0-2zm12 8h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zm24 0h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zm-23 6h16v-4h-16v4zm24 0h16v-4h-16v4zm49-51h12a3 3 0 0 1 0 6h-12a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2h-12zm-44 203h-29a1 1 0 1 0 0 2h29v-2zm2 0v2h9a1 1 0 1 0 0-2h-9zm-99 86h176a2 2 0 0 1 2 2v186a2 2 0 0 1-2 2H357a2 2 0 0 1-2-2V485c0-1.1.9-2 2-2zm176 16H357v172h176V499zm0-2v-12H357v12h176zm-31-9h8a3 3 0 0 1 0 6h-8a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8zm-18 13h26a3 3 0 0 1 0 6h-26a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h26a1 1 0 1 0 0-2h-26zm-64-15h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm14 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm14 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm14 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-83 23h96a2 2 0 0 1 2 2v144a2 2 0 0 1-2 2h-96a2 2 0 0 1-2-2V515c0-1.1.9-2 2-2zm0 2v144h96V515h-96zm103 8h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm-98-4h70a1 1 0 1 1 0 2h-70a1 1 0 1 1 0-2zm0 4h60a1 1 0 1 1 0 2h-60a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm78-12h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 14h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 6h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h23a1 1 0 1 1 0 2h-23a1 1 0 1 1 0-2zm0 6h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 6h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 6h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h22a1 1 0 1 1 0 2h-22a1 1 0 1 1 0-2zm0 6h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm-98-117h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-6 15h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm1-12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm90 30a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h64a1 1 0 1 1 0 2h-64a1 1 0 1 1 0-2zm0 4h73a1 1 0 1 1 0 2h-73a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h67a1 1 0 1 1 0 2h-67a1 1 0 1 1 0-2zm0 4h65a1 1 0 1 1 0 2h-65a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h72a1 1 0 1 1 0 2h-72a1 1 0 1 1 0-2zm0 4h65a1 1 0 1 1 0 2h-65a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h70a1 1 0 1 1 0 2h-70a1 1 0 1 1 0-2zm0 4h50a1 1 0 1 1 0 2h-50a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h65a1 1 0 1 1 0 2h-65a1 1 0 1 1 0-2zm0 4h70a1 1 0 1 1 0 2h-70a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h70a1 1 0 1 1 0 2h-70a1 1 0 1 1 0-2zm0 4h60a1 1 0 1 1 0 2h-60a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-85 14h67a1 1 0 1 1 0 2h-67a1 1 0 1 1 0-2zm0 4h65a1 1 0 1 1 0 2h-65a1 1 0 1 1 0-2zm0 4h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm10 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm65-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM533 0h2v165a2 2 0 0 1-2 2H357a2 2 0 0 1-2-2V0h2v165h176V0zM380 3h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2zm0 2v26h28V5h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V61c0-1.1.9-2 2-2zm0 2v26h28V61h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h28v-26h-28zM414 3h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2zm0 2v26h28V5h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V61c0-1.1.9-2 2-2zm0 2v26h28V61h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h28v-26h-28zM448 3h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2zm0 2v26h28V5h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2V61c0-1.1.9-2 2-2zm0 2v26h28V61h-28zm0 54h28a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-28a2 2 0 0 1-2-2v-26c0-1.1.9-2 2-2zm0 2v26h28v-26h-28zm-69-80h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm-68 52h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0-40h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 44h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm-68 52h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0-40h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 44h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zm34-4h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 4h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2zM485 5h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 6h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h23a1 1 0 1 1 0 2h-23a1 1 0 1 1 0-2zm0 20h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0-8h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 14h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 6h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h23a1 1 0 1 1 0 2h-23a1 1 0 1 1 0-2zm0 20h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0-8h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm0 14h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm0 6h18a1 1 0 1 1 0 2h-18a1 1 0 1 1 0-2zm0 6h20a1 1 0 1 1 0 2h-20a1 1 0 1 1 0-2zm0 6h23a1 1 0 1 1 0 2h-23a1 1 0 1 1 0-2zm48 661v-7H357v7h-2v-83c0-1.1.9-2 2-2h176a2 2 0 0 1 2 2v83h-2zm0-9v-46H357v46h176zm0-58H357v10h176v-10zm0-2v-14H357v14h176zm-34 4h10a3 3 0 0 1 0 6h-10a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2h-10zm-89-16h70a3 3 0 0 1 0 6h-70a3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2h70a1 1 0 1 0 0-2h-70zm-2 14h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm-29-2h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm0 4h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm45-2h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm14 0h10a1 1 0 1 1 0 2h-10a1 1 0 1 1 0-2zm16 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm12 0h6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm-81-14h14a1 1 0 1 1 0 2h-14a1 1 0 1 1 0-2zm-5 3a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm110 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-111 57h26a1 1 0 1 1 0 2h-26a1 1 0 1 1 0-2zm106 0h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zm-63-41h46a1 1 0 1 1 0 2h-46a1 1 0 1 1 0-2zm-10 6h66a1 1 0 1 1 0 2h-66a1 1 0 1 1 0-2zm10 4h46a1 1 0 1 1 0 2h-46a1 1 0 1 1 0-2zm17 6h12a4 4 0 1 1 0 8h-12a4 4 0 1 1 0-8zm0 2a2 2 0 0 0 0 4h12a2 2 0 0 0 0-4h-12z'/%3E%3C/g%3E%3C/svg%3E"); } diff --git a/docs/source/docs/transition-delay.blade.md b/docs/source/docs/transition-delay.blade.md index 34f14ef4da5e..f9378b8a99fa 100644 --- a/docs/source/docs/transition-delay.blade.md +++ b/docs/source/docs/transition-delay.blade.md @@ -1,7 +1,7 @@ --- extends: _layouts.documentation -title: "Transition Timing" -description: "Utilities for controlling the timing of CSS transitions." +title: "Transition Delay" +description: "Utilities for controlling the delay of CSS transitions." features: responsive: false customizable: true @@ -11,6 +11,23 @@ features: @include('_partials.work-in-progress') +@component('_partials.code-sample') +
+
+ delay +
+
+ delay-long +
+
+ delay-longer +
+
+ delay-longest +
+
+@endcomponent + @include('_partials.class-table', [ 'rows' => [ [ From a7e5b4303af4f309400343361528a33be9f73f7a Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 11:56:21 -0500 Subject: [PATCH 08/10] Shorter delays --- defaultConfig.stub.js | 8 ++++---- docs/source/docs/transition-delay.blade.md | 16 ++++++++-------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index c357a2cb787a..ae18c300eff9 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -870,10 +870,10 @@ module.exports = { */ transitionDelay: { - default: '.25s', - 'long': '.5s', - 'longer': '.75s', - 'longest': '1s', + default: '100ms', + 'long': '200ms', + 'longer': '300ms', + 'longest': '400ms', 'none': 'unset', }, diff --git a/docs/source/docs/transition-delay.blade.md b/docs/source/docs/transition-delay.blade.md index f9378b8a99fa..d3bfa66067b3 100644 --- a/docs/source/docs/transition-delay.blade.md +++ b/docs/source/docs/transition-delay.blade.md @@ -32,23 +32,23 @@ features: 'rows' => [ [ '.trans-delay', - 'transition-delay: 0.25s;', - "Delay the transition for 0.25 seconds.", + 'transition-delay: 100ms;', + "Delay the transition for 100 ms.", ], [ '.trans-delay-long', - 'transition-delay: 0.5s;', - "Delay the transition for 0.5 seconds.", + 'transition-delay: 200ms;', + "Delay the transition for 200 ms.", ], [ '.trans-delay-longer', - 'transition-delay: 0.75s;', - "Delay the transition for 0.75 seconds.", + 'transition-delay: 300ms;', + "Delay the transition for 300 ms.", ], [ '.trans-delay-longest', - 'transition-delay: 1s;', - "Delay the transition for a second.", + 'transition-delay: 400ms;', + "Delay the transition for 400 ms.", ], [ '.trans-delay-none', From b8df1b0d4e493f3bb8c906cdae28cd1db298e097 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Fri, 9 Feb 2018 12:03:25 -0500 Subject: [PATCH 09/10] Updated fixture --- __tests__/fixtures/tailwind-output.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index a7a89de83f38..55b4d1e37b92 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4374,19 +4374,19 @@ button, } .trans-delay { - transition-delay: .25s; + transition-delay: 100ms; } .trans-delay-long { - transition-delay: .5s; + transition-delay: 200ms; } .trans-delay-longer { - transition-delay: .75s; + transition-delay: 300ms; } .trans-delay-longest { - transition-delay: 1s; + transition-delay: 400ms; } .trans-delay-none { From 78ba8cb83b8c10e3b3e9c960db731b6f9ccf7013 Mon Sep 17 00:00:00 2001 From: Chris Morrell Date: Mon, 26 Feb 2018 17:48:12 -0700 Subject: [PATCH 10/10] Updated delays --- __tests__/fixtures/tailwind-output.css | 10 +++++----- defaultConfig.stub.js | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 55b4d1e37b92..64953ecedd05 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -4374,23 +4374,23 @@ button, } .trans-delay { - transition-delay: 100ms; + transition-delay: .1s; } .trans-delay-long { - transition-delay: 200ms; + transition-delay: .2s; } .trans-delay-longer { - transition-delay: 300ms; + transition-delay: .3s; } .trans-delay-longest { - transition-delay: 400ms; + transition-delay: .4s; } .trans-delay-none { - transition-delay: unset; + transition-delay: 0s; } .select-none { diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index ae18c300eff9..6cdb476255c9 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -870,11 +870,11 @@ module.exports = { */ transitionDelay: { - default: '100ms', - 'long': '200ms', - 'longer': '300ms', - 'longest': '400ms', - 'none': 'unset', + default: '.1s', + 'long': '.2s', + 'longer': '.3s', + 'longest': '.4s', + 'none': '0s', }, /*