css-transition-duration/css/transition-duration.css

Css module of single purpose classes for transition duration

/*
   TRANSITION DURATION
*/

.td-1 { transition-duration: 120ms; }
.td-2 { transition-duration: .3s; }
.td-3 { transition-duration: .6s; }
.td-4 { transition-duration: 1s; }
.td-5 { transition-duration: 5s; }
.td-i { transition-duration: inherit; }

@media screen and (min-width: 48em) {
  .td-1-ns { transition-duration: 120ms; }
  .td-2-ns { transition-duration: .3s; }
  .td-3-ns { transition-duration: .6s; }
  .td-4-ns { transition-duration: 1s; }
  .td-5-ns { transition-duration: 5s; }
  .td-i-ns { transition-duration: inherit; }
}

@media screen and (min-width:48em) and (max-width: 64em) {
  .td-1-m { transition-duration: 120ms; }
  .td-2-m { transition-duration: .3s; }
  .td-3-m { transition-duration: .6s; }
  .td-4-m { transition-duration: 1s; }
  .td-5-m { transition-duration: 5s; }
  .td-i-m { transition-duration: inherit; }
}

@media screen and (min-width: 64em) {
  .td-1-l { transition-duration: 120ms; }
  .td-2-l { transition-duration: .3s; }
  .td-3-l { transition-duration: .6s; }
  .td-4-l { transition-duration: 1s; }
  .td-5-l { transition-duration: 5s; }
  .td-i-l { transition-duration: inherit; }
}