transform mixin cross-browser compat.

2020-06-11 13:28:59 +02:00 · 2020-06-11 13:28:59 +02:00 · eb43f4ec8b
parent a9b95644eb
commit eb43f4ec8b
2 changed files with 9 additions and 1 deletions
--- a/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass
+++ b/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass
@ -1,6 +1,6 @@
 .headroom
  will-change: transform
-  transition: transform 200ms linear
+  @include transition (transform, 0.2s, linear)

  &-pinned
    transform: translateY(0%)
--- a/themes/brainbaking-minimal/assets/sass/main.sass
+++ b/themes/brainbaking-minimal/assets/sass/main.sass
@ -1,5 +1,13 @@
 $grey: #333

+@mixin transition($what: all, $time: 0.2s, $how: ease-in-out)
+    -webkit-transition: $what $time $how
+    -moz-transition:    $what $time $how
+    -ms-transition:     $what $time $how
+    -o-transition:      $what $time $how
+    transition:         $what $time $how
+
+
@import 'fonts'
@import 'bootstrap-minimal'
@import 'bootstrap-nav'