Skip to content
This repository was archived by the owner on Sep 10, 2022. It is now read-only.

Commit c9228b0

Browse files
jperssonaddyosmani
authored andcommitted
Remove vendor prefixed declarations
Since `gulp-autoprefixer` is part of the build process the vendor prefixed declarations in the source Sass files are redundant
1 parent ef1163d commit c9228b0

File tree

3 files changed

+11
-38
lines changed

3 files changed

+11
-38
lines changed

src/styles/core/_core.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -103,8 +103,6 @@ button::-moz-focus-inner {
103103
box-shadow: 0 0 14px rgba(0,0,0,.24),
104104
0 14px 28px rgba(0,0,0,.48);
105105
transform: translateX(105%);
106-
transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1) 0.04s,
107-
opacity 0.213s cubic-bezier(0,0,0.21,1) 0.04s;
108106
transition: transform 0.233s cubic-bezier(0,0,0.21,1) 0.04s,
109107
opacity 0.213s cubic-bezier(0,0,0.21,1) 0.04s;
110108
will-change: transform;

src/styles/core/_header.scss

Lines changed: 10 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -28,35 +28,18 @@
2828
padding: 16px 16px 0 16px;
2929
will-change: transform;
3030

31-
display: -webkit-flex;
32-
display: -ms-flexbox;
3331
display: flex;
34-
35-
-webkit-flex-direction: row;
36-
-ms-flex-direction: row;
37-
flex-direction: row;
38-
-webkit-flex-wrap: nowrap;
39-
-ms-flex-wrap: nowrap;
40-
flex-wrap: nowrap;
41-
-webkit-justify-content: flex-start;
42-
-ms-flex-pack: start;
43-
justify-content: flex-start;
44-
-webkit-align-items: stretch;
45-
-ms-flex-align: stretch;
46-
align-items: stretch;
47-
-ms-flex-line-pack: center;
48-
-webkit-align-content: center;
49-
align-content: center;
50-
51-
transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1) 0.1s;
32+
flex-direction: row;
33+
flex-wrap: nowrap;
34+
justify-content: flex-start;
35+
align-items: stretch;
36+
align-content: center;
5237
transition: transform 0.233s cubic-bezier(0,0,0.21,1) 0.1s;
5338
}
5439

5540
.header--collapsed {
56-
transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1) 0.13s;
5741
transition: transform 0.233s cubic-bezier(0,0,0.21,1) 0.13s;
58-
-webkit-transform: translateY(-56px);
59-
transform: translateY(-56px);
42+
transform: translateY(-56px);
6043
}
6144

6245
.header__menu {
@@ -82,21 +65,16 @@
8265
font-weight: 400;
8366
font-size: 20px;
8467
margin: 0;
85-
-webkit-flex: 1;
86-
-ms-flex: 1;
87-
flex: 1;
68+
flex: 1;
8869
}
8970

9071
@media(min-width: 600px) {
9172
.header {
9273
padding: 16px 32px 0 24px;
9374
height: 144px;
94-
-webkit-flex-direction: column;
95-
-ms-flex-direction: column;
96-
flex-direction: column;
97-
98-
align-content: space-between;
99-
align-items: flex-start;
75+
flex-direction: column;
76+
align-content: space-between;
77+
align-items: flex-start;
10078
}
10179

10280
.header__menu {
@@ -111,7 +89,6 @@
11189

11290
.header--collapsed {
11391
transition: none;
114-
-webkit-transform: none;
11592
transform: none;
11693
}
11794
}

src/styles/core/_side-nav.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -55,13 +55,11 @@
5555
0 4px 8px rgba(0, 0, 0, .28);
5656

5757
will-change: transform;
58-
-webkit-transform: translateX(-102%);
59-
transform: translateX(-102%);
58+
transform: translateX(-102%);
6059
}
6160

6261

6362
.side-nav__content--animatable {
64-
transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1);
6563
transition: transform 0.233s cubic-bezier(0,0,0.21,1);
6664
}
6765

0 commit comments

Comments
 (0)