scss: core+themes: remove vendor-prefix for transition properties (#38662)

This commit is contained in:
Thomas Jund 2019-12-20 11:35:47 +01:00 committed by Frédéric Péters
parent 3c4d57765d
commit b80c218cb0
10 changed files with 18 additions and 20 deletions

View File

@ -29,9 +29,7 @@ $categories: administration, dechets, eau-potable, eaux-usees, economie, logemen
top: 0;
@include vendor-prefix(transform, scaleX(0));
@include vendor-prefix(transform-origin, 0 50%);
@include vendor-prefix(transition-duration, 0.3s);
@include vendor-prefix(transition-property, transform);
@include vendor-prefix(transition-timing-function, ease-out);
transition: transform 0.3s ease-out;
@include vendor-prefix(backface-visibility, hidden);
z-index: -1;
@if $hover-background-image != none {
@ -583,7 +581,7 @@ div#nav {
left: 0;
bottom: 0;
background: #ffffff;
@include vendor-prefix('transition', 'width 0.3s ease');
transition: width 0.3s ease;
> ul {
background: $primary-color;
display: none;

View File

@ -12,7 +12,7 @@ div.apa-user {
padding-left: 10px;
padding-bottom: 20px;
padding-right: 40px;
@include vendor-prefix('transition', 'background 0.2s linear');
transition: background 0.2s linear;
&:hover {
background-color: #eee;
}

View File

@ -172,7 +172,7 @@ div.wcscurrentformscell ul {
content: "";
position: absolute;
z-index: -1;
@include vendor-prefix('transition', 'all 0.3s ease 0s');
transition: all 0.3s ease;
box-sizing: border-box;
width: 0;
}
@ -191,7 +191,7 @@ div.wcscurrentformscell ul {
@if $cell-entry-hover-effect == middle-to-edges {
top: 50%;
left: 50%;
@include vendor-prefix('transform', 'translateY(-50%) translateX(-50%)');
transition: translateY(-50%) translateX(-50%);
}
}
}
@ -556,7 +556,7 @@ div.bookingcalendar {
width: 100%;
height: 100%;
background: white;
@include vendor-prefix('transition', 'background 0.3s ease 0s');
transition: background 0.3s ease;
}
input[type=checkbox]:disabled + label {
background: #ccc;

View File

@ -240,7 +240,7 @@ div#page-change-overlay {
left: 0;
width: 100vw;
height: 100vh;
@include vendor-prefix('transition', 'all 0.3s ease');
transition: all 0.3s ease;
z-index: 100000;
background: white;
opacity: 0;

View File

@ -98,7 +98,7 @@ div.gru-nav > ul > li a {
padding: 0.75em 20px;
display: inline-block;
line-height: 150%;
@include vendor-prefix('transition', 'background 0.5s, color 0.5s');
transition: background 0.5s, color 0.5s;
text-decoration: none;
}
@ -234,7 +234,7 @@ div.menucell {
padding: 0;
margin: 0;
background: $nav-button-background;
@include vendor-prefix('transition', 'all 0.25s ease');
transition: all 0.25s ease;
@if $responsive-menu == top-to-bottom {
margin-left: 10px;
} @else {
@ -252,7 +252,7 @@ div.menucell {
width: $nav-menu-side/6*4;
margin: 0;
border: 1px solid $nav-button-color;
@include vendor-prefix('transition', 'all 0.25s ease');
transition: all 0.25s ease;
}
& .icon-bar-1 {
top: $nav-menu-side/4;
@ -277,7 +277,7 @@ div.menucell {
border-top: 2px solid $nav-border-color;
margin-top: 0;
} @else if $responsive-menu == left-to-right {
@include vendor-prefix('transition', 'width 0.25s ease');
transition: width 0.25s ease;
height: 100%;
width: 0px;
position: fixed;
@ -395,7 +395,7 @@ div.menucell {
color: $nav-mobile-bottom-bar-item-selected-color;
}
a {
@include vendor-prefix('transition', 'background 0.5s, color 0.5s');
transition: background 0.5s, color 0.5s;
background: transparent 50% 10px no-repeat;
color: $nav-mobile-bottom-bar-color;
display: block;

View File

@ -1,7 +1,7 @@
/* general stuff */
a {
@include vendor-prefix('transition', 'color 200ms ease-out');
transition: color 200ms ease-out;
}
// Steps
@ -663,7 +663,7 @@ div#login-actions .actions form {
}
div.gru-nav .gru-nav-button + ul {
background: #eee url(logo-m3m-50p.png) no-repeat 50% 128%;
@include vendor-prefix('transition', 'all 0.25s ease');
transition: all 0.25s ease;
}
div.gru-nav.toggled .gru-nav-button + ul {
background-position: 50% 78%;

View File

@ -6,7 +6,7 @@ $header-height: 288px;
div#header {
background: url(header.png) top left no-repeat;
height: $header-height;
@include vendor-prefix('transition', 'all 0.3s ease');
transition: all 0.3s ease;
@media screen and (min-width: $header-width - 100px) {
max-width: $header-width;
left: 50%;

View File

@ -38,7 +38,7 @@ div#header-nav li {
line-height: 215%;
color: black;
border-bottom: 14px solid transparent;
@include vendor-prefix('transition', 'background 0.25s ease');
transition: background 0.25s ease;
&:hover {
color: white;
}

View File

@ -733,7 +733,7 @@ body.focus-in #page.search-page {
div.new-place {
overflow: hidden;
max-height: 0;
@include vendor-prefix('transition', 'all 0.3s ease');
transition: all 0.3s ease;
&.shown {
max-height: 350px;
}

View File

@ -13,7 +13,7 @@ div#nav{
div#header {
height: $header-height;
@include vendor-prefix('transition', 'all 0.3s ease');
transition: all 0.3s ease;
@media screen and (min-width: $header-width) {
max-width: $header-width;
left: 50%;