Skip to content

Commit 346af78

Browse files
committed
Flat top transform vendor prefixes
1 parent b7ad4f5 commit 346af78

2 files changed

Lines changed: 10 additions & 6 deletions

File tree

templates/pace-theme-flat-top.tmpl.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,10 @@
1515
height: 12px;
1616
background: `args.color || "#29d"`;
1717

18-
-webkit-transition: -webkit-transform 0.3s, width 1s;
19-
transition: transform 0.3s, width 1s;
18+
-webkit-transition: -webkit-transform .3s, width 1s;
19+
-moz-transition: width 1s;
20+
-o-transform: width 1s;
21+
transition: transform .3s, width 1s;
2022

2123
-webkit-transform: translateY(-50px);
2224
transform: translateY(-50px);
@@ -27,4 +29,4 @@
2729
.pace.pace-active .pace-progress {
2830
-webkit-transform: translateY(0);
2931
transform: translateY(0);
30-
}
32+
}

themes/pace-theme-flat-top.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,10 @@
1616
height: 12px;
1717
background: #29d;
1818

19-
-webkit-transition: -webkit-transform 0.3s, width 1s;
20-
transition: transform 0.3s, width 1s;
19+
-webkit-transition: -webkit-transform .3s, width 1s;
20+
-moz-transition: width 1s;
21+
-o-transform: width 1s;
22+
transition: transform .3s, width 1s;
2123

2224
-webkit-transform: translateY(-50px);
2325
transform: translateY(-50px);
@@ -28,4 +30,4 @@
2830
.pace.pace-active .pace-progress {
2931
-webkit-transform: translateY(0);
3032
transform: translateY(0);
31-
}
33+
}

0 commit comments

Comments
 (0)