scss: core+themes: remove vendor-prefix for transition properties (#38662)
This commit is contained in:
parent
3c4d57765d
commit
b80c218cb0
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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%;
|
||||
|
|
Loading…
Reference in New Issue