Issue #3094696 by huzooka, fhaeberle: Follow-up to #3084843: Re-generate production CSS files

core/themes/claro/css/base/elements.css

@@ -311,6 +311,5 @@ img {
 .page-wrapper *:focus,
 .ui-dialog *:focus {
   outline: 2px dotted transparent;
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
 }

core/themes/claro/css/base/print.css

@@ -8,7 +8,6 @@
   * {
     color: #000 !important; /* Black prints faster: h5bp.com/s */
     background-color: transparent !important;
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important;
   }

core/themes/claro/css/components/accordion.css

@@ -59,10 +59,6 @@
   border: 1px solid rgba(216, 217, 224, 0.8);
   border-radius: 2px;
   background-color: #fff;
-  -webkit-box-shadow: 0
-2px
-4px
-rgba(0, 0, 0, 0.1);
   box-shadow: 0
 2px
 4px

core/themes/claro/css/components/ajax-progress.module.css

@@ -73,13 +73,7 @@
 
 .ajax-progress--throbber {
   position: relative;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
   align-content: center;
   height: 1.125rem;
   margin: -3px 0.75rem 0;
@@ -118,14 +112,9 @@
 }
 
 .ajax-progress__throbber {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 1.125rem;
   height: 1.125rem;
-  -webkit-animation: claro-throbber 0.75s linear infinite;
-  -moz-animation: claro-throbber 0.75s linear infinite;
-  -o-animation: claro-throbber 0.75s linear infinite;
   animation: claro-throbber 0.75s linear infinite;
   border: 2px solid #003cc5;
   border-right: 2px dotted transparent;
@@ -152,8 +141,6 @@
   z-index: 1000;
   top: 50%;
   left: 50%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 3.5rem; /* 56px */
   height: 3.5rem;
@@ -161,7 +148,6 @@
   border: 1px solid rgba(216, 217, 224, 0.8);
   border-radius: 3.5rem;
   background: #fff;
-  -webkit-box-shadow: 0 0.25rem 0.625rem rgba(34, 35, 48, 0.1);
   box-shadow: 0 0.25rem 0.625rem rgba(34, 35, 48, 0.1);
 }
 
@@ -189,50 +175,11 @@
   }
 }
 
-@-webkit-keyframes claro-throbber {
-  0% {
-    -webkit-transform: rotateZ(0);
-    transform: rotateZ(0);
-  }
-  100% {
-    -webkit-transform: rotateZ(360deg);
-    transform: rotateZ(360deg);
-  }
-}
-
-@-moz-keyframes claro-throbber {
-  0% {
-    -moz-transform: rotateZ(0);
-    transform: rotateZ(0);
-  }
-  100% {
-    -moz-transform: rotateZ(360deg);
-    transform: rotateZ(360deg);
-  }
-}
-
-@-o-keyframes claro-throbber {
-  0% {
-    -o-transform: rotateZ(0);
-    transform: rotateZ(0);
-  }
-  100% {
-    -o-transform: rotateZ(360deg);
-    transform: rotateZ(360deg);
-  }
-}
-
 @keyframes claro-throbber {
   0% {
-    -webkit-transform: rotateZ(0);
-    -moz-transform: rotateZ(0);
-    -o-transform: rotateZ(0);
     transform: rotateZ(0);
   }
   100% {
-    -webkit-transform: rotateZ(360deg);
-    -moz-transform: rotateZ(360deg);
-    -o-transform: rotateZ(360deg);
     transform: rotateZ(360deg);
   }
 }

core/themes/claro/css/components/button.css

@@ -82,8 +82,6 @@
 .button {
   display: inline-block;
   margin: 1rem 0.75rem 1rem 0; /* LTR */
-  padding: -webkit-calc(1rem - 1px) -webkit-calc(1.5rem - 1px);
-  padding: -moz-calc(1rem - 1px) -moz-calc(1.5rem - 1px);
   padding: calc(1rem - 1px) calc(1.5rem - 1px); /* 1 */
   cursor: pointer;
   text-align: center;
@@ -106,7 +104,6 @@
 }
 
 .button:not(:focus) {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 }
 
@@ -127,8 +124,6 @@
 
 .no-touchevents .button--small {
   margin: 0.75rem 0.5rem 0.75rem 0; /* LTR */
-  padding: -webkit-calc(0.5rem - 1px) -webkit-calc(1rem - 1px);
-  padding: -moz-calc(0.5rem - 1px) -moz-calc(1rem - 1px);
   padding: calc(0.5rem - 1px) calc(1rem - 1px); /* 1 */
   font-size: 0.79rem;
 }
@@ -137,8 +132,6 @@
 
 .no-touchevents .button--extrasmall {
   margin: 0.5rem 0.5rem 0.5rem 0; /* LTR */
-  padding: -webkit-calc(0.25rem - 1px) -webkit-calc(0.75rem - 1px);
-  padding: -moz-calc(0.25rem - 1px) -moz-calc(0.75rem - 1px);
   padding: calc(0.25rem - 1px) calc(0.75rem - 1px); /* 1 */
   font-size: 0.79rem;
 }

core/themes/claro/css/components/card.css

@@ -55,32 +55,14 @@
 }
 
 .card {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -moz-box-orient: vertical;
-  -moz-box-direction: normal;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-  -moz-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
   justify-items: flex-start;
   padding: 0;
   border: 1px solid rgba(212, 212, 218, 0.8);
   border-radius: 2px;
   background-color: #fff;
-  -webkit-box-shadow: 0
-4px
-10px
-rgba(0, 0, 0, 0.1);
   box-shadow: 0
 4px
 10px
@@ -91,22 +73,10 @@ rgba(0, 0, 0, 0.1);
 
 @media screen and (min-width: 36.75rem) {
   .card--horizontal {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -moz-box-orient: horizontal;
-    -moz-box-direction: normal;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 
   .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    -moz-box-orient: vertical;
-    -moz-box-direction: normal;
-    -ms-flex-direction: column;
     flex-direction: column;
   }
 }
@@ -115,12 +85,6 @@ rgba(0, 0, 0, 0.1);
 
 @media screen and (min-width: 53.75rem) {
   .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -moz-box-orient: horizontal;
-    -moz-box-direction: normal;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
@@ -137,8 +101,6 @@ rgba(0, 0, 0, 0.1);
 
 @media screen and (min-width: 36.75rem) {
   .card--horizontal .card__image {
-    -webkit-flex-basis: 35%;
-    -ms-flex-preferred-size: 35%;
     flex-basis: 35%;
     border-radius: 1px 0 0 1px; /* LTR */
   }
@@ -151,16 +113,12 @@ rgba(0, 0, 0, 0.1);
 
 @media screen and (max-width: 53.75rem) {
   .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__image {
-    -webkit-flex-basis: auto;
-    -ms-flex-preferred-size: auto;
     flex-basis: auto;
   }
 }
 
 @media screen and (min-width: 85.375rem) {
   .card--horizontal .card__image {
-    -webkit-flex-basis: 45%;
-    -ms-flex-preferred-size: 45%;
     flex-basis: 45%;
   }
 
@@ -174,36 +132,16 @@ rgba(0, 0, 0, 0.1);
  */
 
 .card__content-wrapper {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -moz-box-orient: vertical;
-  -moz-box-direction: normal;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -moz-box-flex: 1;
-  -ms-flex-positive: 1;
   flex-grow: 1;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 1.5rem;
 }
 
 @media screen and (min-width: 36.75rem) {
   .card--horizontal .card__content-wrapper {
-    -webkit-flex-basis: 65%;
-    -ms-flex-preferred-size: 65%;
     flex-basis: 65%;
   }
 
@@ -219,16 +157,12 @@ rgba(0, 0, 0, 0.1);
 
 @media screen and (max-width: 53.75rem) {
   .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__content-wrapper {
-    -webkit-flex-basis: auto;
-    -ms-flex-preferred-size: auto;
     flex-basis: auto;
   }
 }
 
 @media screen and (min-width: 85.375rem) {
   .card--horizontal .card__content-wrapper {
-    -webkit-flex-basis: 55%;
-    -ms-flex-preferred-size: 55%;
     flex-basis: 55%;
   }
 }
@@ -238,10 +172,6 @@ rgba(0, 0, 0, 0.1);
  */
 
 .card__content {
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -moz-box-flex: 1;
-  -ms-flex-positive: 1;
   flex-grow: 1;
 }
 
@@ -267,13 +197,7 @@ rgba(0, 0, 0, 0.1);
    * Without specifying flex-shrink, IE11 will increase footer height if an
    * interactive element inside is hovered or focused.
    */
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-ordinal-group: 101;
-  -webkit-order: 100;
-  -moz-box-ordinal-group: 101;
-  -ms-flex-order: 100;
   order: 100;
   margin-top: 1.5rem;
 }

core/themes/claro/css/components/details.css

@@ -87,10 +87,6 @@
   border: 1px solid rgba(216, 217, 224, 0.8);
   border-radius: 2px;
   background-color: #fff;
-  -webkit-box-shadow: 0
-2px
-4px
-rgba(0, 0, 0, 0.1);
   box-shadow: 0
 2px
 4px
@@ -102,7 +98,6 @@ rgba(0, 0, 0, 0.1);
   margin-top: 0;
   margin-bottom: 0;
   border-radius: 0;
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -122,19 +117,13 @@ rgba(0, 0, 0, 0.1);
 
 .claro-details__summary {
   position: relative;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 1rem 1rem 1rem 2.25rem; /* LTR */
   list-style: none;
   cursor: pointer;
-  -webkit-transition: background-color 0.12s ease-in-out;
-  -o-transition: background-color 0.12s ease-in-out;
-  -moz-transition: background-color 0.12s ease-in-out;
   transition: background-color 0.12s ease-in-out;
   word-wrap: break-word;
   -webkit-hyphens: auto;
-  -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   color: #545560;
@@ -203,16 +192,7 @@ rgba(0, 0, 0, 0.1);
   height: 1rem;
   margin-top: -0.5rem;
   content: "";
-  -webkit-transition: -webkit-transform 0.12s ease-in 0s;
-  transition: -webkit-transform 0.12s ease-in 0s;
-  -o-transition: -o-transform 0.12s ease-in 0s;
-  -moz-transition: transform 0.12s ease-in 0s, -moz-transform 0.12s ease-in 0s;
   transition: transform 0.12s ease-in 0s;
-  transition: transform 0.12s ease-in 0s, -webkit-transform 0.12s ease-in 0s, -moz-transform 0.12s ease-in 0s, -o-transform 0.12s ease-in 0s;
-  -webkit-transform: rotate(0);
-  -moz-transform: rotate(0);
-  -ms-transform: rotate(0);
-  -o-transform: rotate(0);
   transform: rotate(0); /* LTR */
   text-align: center;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.2109375,1.3144531 3.7890625,2.7226562 9.0917969,8.0761719 3.7890625,13.429688 5.2109375,14.837891 11.908203,8.0761719Z' fill='%23545560'/%3E%3C/svg%3E") no-repeat 50% 50%;
@@ -222,18 +202,11 @@ rgba(0, 0, 0, 0.1);
 [dir="rtl"] .claro-details__summary::before {
   right: 0.75rem;
   left: auto;
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 @media (prefers-reduced-motion: reduce) {
   .claro-details__summary::before {
-    -webkit-transition: none;
-    -o-transition: none;
-    -moz-transition: none;
     transition: none;
   }
 }
@@ -243,16 +216,7 @@ rgba(0, 0, 0, 0.1);
     width: 0.5625rem;
     height: 0.5625rem;
     margin-top: -0.28125rem;
-    -webkit-transition: margin 0.12s ease-in 0s, -webkit-transform 0.12s ease-in 0s;
-    transition: margin 0.12s ease-in 0s, -webkit-transform 0.12s ease-in 0s;
-    -o-transition: margin 0.12s ease-in 0s, -o-transform 0.12s ease-in 0s;
-    -moz-transition: transform 0.12s ease-in 0s, margin 0.12s ease-in 0s, -moz-transform 0.12s ease-in 0s;
     transition: transform 0.12s ease-in 0s, margin 0.12s ease-in 0s;
-    transition: transform 0.12s ease-in 0s, margin 0.12s ease-in 0s, -webkit-transform 0.12s ease-in 0s, -moz-transform 0.12s ease-in 0s, -o-transform 0.12s ease-in 0s;
-    -webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
     transform: rotate(45deg); /* LTR */
     border: 0.125rem solid;
     border-width: 0.125rem 0.125rem 0 0;
@@ -260,10 +224,6 @@ rgba(0, 0, 0, 0.1);
   }
 
   [dir="rtl"] .claro-details__summary::before {
-    -webkit-transform: rotate(225deg);
-    -moz-transform: rotate(225deg);
-    -ms-transform: rotate(225deg);
-    -o-transform: rotate(225deg);
     transform: rotate(225deg);
   }
 }
@@ -290,9 +250,6 @@ rgba(0, 0, 0, 0.1);
 @media not all and (min-resolution: 0.001dpcm) {
   @media {
     .claro-details__summary::before {
-      -webkit-transition: none;
-      -o-transition: none;
-      -moz-transition: none;
       transition: none;
     }
   }
@@ -309,14 +266,10 @@ rgba(0, 0, 0, 0.1);
   bottom: -1px;
   left: -1px;
   content: "";
-  -webkit-transition: opacity 0.2s ease-in-out;
-  -o-transition: opacity 0.2s ease-in-out;
-  -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
   pointer-events: none;
   opacity: 0;
   border-radius: 2px;
-  -webkit-box-shadow: inset 0 0 0 3px #26a769;
   box-shadow: inset 0 0 0 3px #26a769;
 }
 
@@ -354,7 +307,6 @@ rgba(0, 0, 0, 0.1);
  */
 
 .claro-details__summary:focus {
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -378,10 +330,6 @@ rgba(0, 0, 0, 0.1);
 }
 
 .claro-details[open] > .claro-details__summary::before {
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
   transform: rotate(90deg); /* for LTR and RTL */
 }
 
@@ -395,10 +343,6 @@ rgba(0, 0, 0, 0.1);
   [dir="rtl"] .claro-details[open] > .claro-details__summary::before {
     margin-top: -0.40625rem;
     margin-right: 0.125rem;
-    -webkit-transform: rotate(135deg);
-    -moz-transform: rotate(135deg);
-    -ms-transform: rotate(135deg);
-    -o-transform: rotate(135deg);
     transform: rotate(135deg); /* for LTR and RTL */
     background: none;
   }
@@ -407,7 +351,6 @@ rgba(0, 0, 0, 0.1);
 .claro-details[open] > .claro-details__summary--accordion,
 .claro-details[open] > .claro-details__summary--accordion-item,
 .claro-details[open] > .claro-details__summary--vertical-tabs-item {
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
@@ -434,7 +377,6 @@ rgba(0, 0, 0, 0.1);
   opacity: 1;
   border: 3px solid #003cc5;
   border-width: 0 0 0 3px; /* LTR */
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -462,9 +404,6 @@ rgba(0, 0, 0, 0.1);
 @media not all and (min-resolution: 0.001dpcm) {
   @media {
     .claro-details__summary::after {
-      -webkit-transition: none;
-      -o-transition: none;
-      -moz-transition: none;
       transition: none;
     }
   }
@@ -608,7 +547,6 @@ rgba(0, 0, 0, 0.1);
   z-index: 1;
   text-decoration: none;
   outline: none;
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -619,9 +557,6 @@ rgba(0, 0, 0, 0.1);
   bottom: -1px;
   left: -1px;
   content: "";
-  -webkit-transition: opacity 0.2s ease-in-out;
-  -o-transition: opacity 0.2s ease-in-out;
-  -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
   pointer-events: none;
   opacity: 0;

core/themes/claro/css/components/dialog.css

@@ -52,9 +52,6 @@
   height: 30px;
   margin: 0;
   padding: 0;
-  -webkit-transition: all 0.1s;
-  -o-transition: all 0.1s;
-  -moz-transition: all 0.1s;
   transition: all 0.1s;
   border: 3px solid #6b6b6b;
   border-radius: 5px;

core/themes/claro/css/components/dropbutton.css

@@ -67,13 +67,8 @@
 }
 
 .dropbutton-wrapper {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 2px;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 }
 
@@ -88,10 +83,6 @@
 
 .dropbutton-widget {
   position: relative;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -moz-box-flex: 1;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
 }
 
@@ -133,43 +124,31 @@
  */
 
 .js .dropbutton--multiple .dropbutton__item:first-of-type {
-  margin-right: -webkit-calc(3rem + 1px);
-  margin-right: -moz-calc(3rem + 1px);
   margin-right: calc(3rem + 1px); /* LTR */
 }
 
 [dir="rtl"].js .dropbutton--multiple .dropbutton__item:first-of-type {
   margin-right: 0;
-  margin-left: -webkit-calc(3rem + 1px);
-  margin-left: -moz-calc(3rem + 1px);
   margin-left: calc(3rem + 1px);
 }
 
 /* First dropbutton list item variants */
 
 .js.no-touchevents .dropbutton--multiple.dropbutton--small .dropbutton__item:first-of-type {
-  margin-right: -webkit-calc(2rem + 1px);
-  margin-right: -moz-calc(2rem + 1px);
   margin-right: calc(2rem + 1px); /* LTR */
 }
 
 [dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--small .dropbutton__item:first-of-type {
   margin-right: 0;
-  margin-left: -webkit-calc(2rem + 1px);
-  margin-left: -moz-calc(2rem + 1px);
   margin-left: calc(2rem + 1px);
 }
 
 .js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__item:first-of-type {
-  margin-right: -webkit-calc(1.5rem + 1px);
-  margin-right: -moz-calc(1.5rem + 1px);
   margin-right: calc(1.5rem + 1px); /* LTR */
 }
 
 [dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__item:first-of-type {
   margin-right: 0;
-  margin-left: -webkit-calc(1.5rem + 1px);
-  margin-left: -moz-calc(1.5rem + 1px);
   margin-left: calc(1.5rem + 1px);
 }
 
@@ -207,10 +186,6 @@
   width: 0.875rem;
   height: 0.5625rem;
   content: "";
-  -webkit-transform: translate(50%, -50%) rotate(0);
-  -moz-transform: translate(50%, -50%) rotate(0);
-  -ms-transform: translate(50%, -50%) rotate(0);
-  -o-transform: translate(50%, -50%) rotate(0);
   transform: translate(50%, -50%) rotate(0);
   background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.2384999,1.9384769 1.646703,0.5166019 7.0002189,5.8193359 12.353735,0.5166019 13.761938,1.9384769 7.0002189,8.635742Z' fill='%23222330'/%3E%3C/svg%3E") no-repeat center;
   background-size: contain;
@@ -221,7 +196,6 @@
 .dropbutton__toggle:hover {
   color: #222330;
   background-color: #c2c3ca;
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
 }
 
@@ -235,18 +209,10 @@
 }
 
 .dropbutton-wrapper.open .dropbutton__toggle::before {
-  -webkit-transform: translate(50%, -50%) rotate(180deg);
-  -moz-transform: translate(50%, -50%) rotate(180deg);
-  -ms-transform: translate(50%, -50%) rotate(180deg);
-  -o-transform: translate(50%, -50%) rotate(180deg);
   transform: translate(50%, -50%) rotate(180deg);
 }
 
 [dir="rtl"] .dropbutton-wrapper.open .dropbutton__toggle::before {
-  -webkit-transform: translate(50%, -50%) rotate(-180deg);
-  -moz-transform: translate(50%, -50%) rotate(-180deg);
-  -ms-transform: translate(50%, -50%) rotate(-180deg);
-  -o-transform: translate(50%, -50%) rotate(-180deg);
   transform: translate(50%, -50%) rotate(-180deg);
 }
 
@@ -275,10 +241,6 @@
     width: 0.5625rem;
     height: 0.5625rem;
     margin-top: -0.19886rem;
-    -webkit-transform: translate(50%, -50%) rotate(135deg);
-    -moz-transform: translate(50%, -50%) rotate(135deg);
-    -ms-transform: translate(50%, -50%) rotate(135deg);
-    -o-transform: translate(50%, -50%) rotate(135deg);
     transform: translate(50%, -50%) rotate(135deg); /* LTR */
     border: 0.125rem solid;
     border-width: 0.125rem 0.125rem 0 0;
@@ -287,17 +249,9 @@
 
   .dropbutton-wrapper.open .dropbutton__toggle::before {
     margin-top: 0.19886rem;
-    -webkit-transform: translate(50%, -50%) rotate(315deg);
-    -moz-transform: translate(50%, -50%) rotate(315deg);
-    -ms-transform: translate(50%, -50%) rotate(315deg);
-    -o-transform: translate(50%, -50%) rotate(315deg);
     transform: translate(50%, -50%) rotate(315deg);
   }
   [dir="rtl"] .dropbutton-wrapper.open .dropbutton__toggle::before {
-    -webkit-transform: translate(50%, -50%) rotate(-45deg);
-    -moz-transform: translate(50%, -50%) rotate(-45deg);
-    -ms-transform: translate(50%, -50%) rotate(-45deg);
-    -o-transform: translate(50%, -50%) rotate(-45deg);
     transform: translate(50%, -50%) rotate(-45deg);
   }
 
@@ -324,8 +278,6 @@
 .dropbutton__item:first-of-type > * {
   display: inline-block;
   margin: 0;
-  padding: -webkit-calc(1rem - 1px) -webkit-calc(1.5rem - 1px);
-  padding: -moz-calc(1rem - 1px) -moz-calc(1.5rem - 1px);
   padding: calc(1rem - 1px) calc(1.5rem - 1px);
   cursor: pointer;
   text-align: center;
@@ -344,33 +296,21 @@
 }
 
 .dropbutton--multiple .dropbutton__item:first-of-type > * {
-  padding-right: -webkit-calc(1rem - 1px);
-  padding-right: -moz-calc(1rem - 1px);
   padding-right: calc(1rem - 1px);
-  padding-left: -webkit-calc(1rem - 1px);
-  padding-left: -moz-calc(1rem - 1px);
   padding-left: calc(1rem - 1px);
 }
 
 /* Variants */
 
 .no-touchevents .dropbutton__item--small:first-of-type > * {
-  padding-top: -webkit-calc(0.625rem - 1px);
-  padding-top: -moz-calc(0.625rem - 1px);
   padding-top: calc(0.625rem - 1px);
-  padding-bottom: -webkit-calc(0.625rem - 1px);
-  padding-bottom: -moz-calc(0.625rem - 1px);
   padding-bottom: calc(0.625rem - 1px);
   font-size: 0.79rem;
   line-height: 0.75rem;
 }
 
 .no-touchevents .dropbutton__item--extrasmall:first-of-type > * {
-  padding-top: -webkit-calc(0.375rem - 1px);
-  padding-top: -moz-calc(0.375rem - 1px);
   padding-top: calc(0.375rem - 1px);
-  padding-bottom: -webkit-calc(0.375rem - 1px);
-  padding-bottom: -moz-calc(0.375rem - 1px);
   padding-bottom: calc(0.375rem - 1px);
   font-size: 0.79rem;
   line-height: 0.75rem;
@@ -381,13 +321,11 @@
   text-decoration: none;
   color: #222330;
   background-color: #c2c3ca;
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
 }
 
 .dropbutton__item:first-of-type > *:focus:hover,
 .dropbutton__item:first-of-type > .button:focus:hover {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
 }
 
@@ -420,8 +358,6 @@
 .dropbutton > .dropbutton__item > a,
 .dropbutton > .dropbutton__item > .button {
   display: block;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   margin: 0;
@@ -444,7 +380,6 @@
 .dropbutton__item:first-of-type ~ .dropbutton__item {
   border: 1px solid #d4d4d8;
   border-bottom: 0;
-  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
 }
 
@@ -464,15 +399,12 @@
 .dropbutton__item:first-of-type ~ .dropbutton__item > a,
 .dropbutton__item:first-of-type ~ .dropbutton__item > .button {
   position: relative;
-  padding: -webkit-calc(1rem - 1px);
-  padding: -moz-calc(1rem - 1px);
   padding: calc(1rem - 1px);
   text-decoration: none;
   color: #545560;
   border: 1px solid transparent !important; /* 1 */
   border-radius: 2px;
   background: #fff;
-  -webkit-box-shadow: 0;
   box-shadow: 0;
   font-size: 1rem;
   font-weight: normal;
@@ -528,12 +460,10 @@
 }
 
 .dropbutton__item > .button:not(:focus) {
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus {
   border-color: #26a769 !important; /* 1 */
-  -webkit-box-shadow: inset 0 0 0 1px #26a769, 0 0 0 1px #26a769;
   box-shadow: inset 0 0 0 1px #26a769, 0 0 0 1px #26a769;
 }

core/themes/claro/css/components/fieldset.css

@@ -62,10 +62,6 @@
   border: 1px solid rgba(216, 217, 224, 0.8);
   border-radius: 2px;
   background-color: #fff;
-  -webkit-box-shadow: 0
-2px
-4px
-rgba(0, 0, 0, 0.1);
   box-shadow: 0
 2px
 4px
@@ -77,7 +73,6 @@ rgba(0, 0, 0, 0.1);
   border: 0;
   border-radius: 0;
   background: none;
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 

core/themes/claro/css/components/form--checkbox-radio.css

@@ -77,10 +77,6 @@
   top: 0.75rem;
   float: left; /* LTR */
   margin-left: -1.6875rem; /* LTR */
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  -o-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
@@ -104,10 +100,6 @@
   float: none;
   margin-right: 0;
   margin-left: 0;
-  -webkit-transform: none;
-  -moz-transform: none;
-  -ms-transform: none;
-  -o-transform: none;
   transform: none;
 }
 
@@ -127,8 +119,6 @@
 
 .form-boolean {
   display: inline-block;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 18px;
   height: 18px;
@@ -138,7 +128,6 @@
   background: #fff no-repeat 50% 50%;
   background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.18182 6.96572L1.97655 4.64855L1.79545 4.45826L1.61436 4.64855L0.818904 5.48437L0.654878 5.65672L0.818904 5.82907L4.00072 9.17235L4.18182 9.36263L4.36291 9.17235L11.1811 2.00817L11.3451 1.83582L11.1811 1.66347L10.3856 .827651L10.2045 .637365L10.0234 .82765L4.18182 6.96572Z' fill='white' /%3E%3C/svg%3E");
   background-size: 100% 100%;
-  -webkit-box-shadow: 0 0 0 4px transparent;
   box-shadow: 0 0 0 4px transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -154,13 +143,11 @@
 .form-boolean:active,
 .form-boolean:hover {
   border-color: #222330;
-  -webkit-box-shadow: inset 0 0 0 1px #222330;
   box-shadow: inset 0 0 0 1px #222330;
 }
 
 .form-boolean:focus:active,
 .form-boolean:focus:hover {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
 }
 
@@ -179,12 +166,10 @@
 .form-boolean--type-radio:checked {
   border-color: #003cc5;
   background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='4.5' cx='8.5' cy='8.5' fill='%23004adc'/%3E%3C/svg%3E");
-  -webkit-box-shadow: inset 0 0 0 1px #003cc5;
   box-shadow: inset 0 0 0 1px #003cc5;
 }
 
 .form-boolean--type-radio:checked:focus {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #003cc5;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #003cc5;
 }
 
@@ -192,13 +177,11 @@
 .form-boolean--type-radio:checked:hover {
   border-color: #222330;
   background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='4.5' cx='8.5' cy='8.5' fill='%23222330'/%3E%3C/svg%3E");
-  -webkit-box-shadow: inset 0 0 0 1px #222330;
   box-shadow: inset 0 0 0 1px #222330;
 }
 
 .form-boolean--type-radio:checked:focus:active,
 .form-boolean--type-radio:checked:focus:hover {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
 }
 
@@ -209,20 +192,17 @@
 .form-boolean.error {
   border-color: #d72222;
   background-color: #fff;
-  -webkit-box-shadow: inset 0 0 0 1px #d72222;
   box-shadow: inset 0 0 0 1px #d72222;
 }
 
 .form-boolean.error:active,
 .form-boolean.error:hover {
-  -webkit-box-shadow: inset 0 0 0 1px #d72222;
   box-shadow: inset 0 0 0 1px #d72222;
 }
 
 .form-boolean.error:focus,
 .form-boolean.error:focus:active,
 .form-boolean.error:focus:hover {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #d72222;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #d72222;
 }
 
@@ -245,7 +225,6 @@
 }
 
 .form-boolean--type-radio.error:checked:focus {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #d72222;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #d72222;
 }
 
@@ -263,7 +242,6 @@
   border-color: #bababf;
   background-color: #f2f2f3;
   background-image: none;
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 

core/themes/claro/css/components/form--managed-file.css

@@ -61,17 +61,7 @@
  */
 
 .form-managed-file.no-upload {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -moz-box-orient: vertical;
-  -moz-box-direction: normal;
-  -ms-flex-direction: column;
   flex-direction: column;
   max-width: 100%;
 }
@@ -92,15 +82,7 @@
  */
 
 .form-managed-file__main {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   max-width: 100%;
 }
@@ -111,10 +93,6 @@
  */
 
 .draggable .form-managed-file.has-value .form-managed-file__main {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
 }
 
@@ -140,18 +118,8 @@
  */
 
 .form-managed-file__meta {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-  -moz-box-align: start;
-  -ms-flex-align: start;
   align-items: flex-start;
   margin-top: 1rem; /* Bottom margin will be added by the child elements: because of we use flex display here, our margins won't collapse. */
 }
@@ -162,10 +130,6 @@
  */
 
 .draggable .form-managed-file.has-value .form-managed-file__meta {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
 }
 
@@ -180,7 +144,6 @@
 @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *::-ms-backdrop,
   td .form-managed-file__meta {
-    -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
 }
@@ -192,10 +155,6 @@
  */
 
 .form-managed-file__image-preview {
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -moz-box-flex: 0;
-  -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   max-width: 100%;
   margin-bottom: 1rem;
@@ -233,10 +192,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
  */
 
 .form-managed-file__meta-items {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 16rem;
-  -moz-box-flex: 1;
-  -ms-flex: 1 1 16rem;
   flex: 1 1 16rem;
   max-width: 100%;
 }
@@ -249,7 +204,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
 @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *::-ms-backdrop,
   .form-managed-file__meta-items {
-    -ms-flex-preferred-size: 32rem;
     flex-basis: 32rem;
   }
 }
@@ -265,7 +219,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
 @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *::-ms-backdrop,
   td .form-managed-file__meta-wrapper {
-    display: -ms-flexbox;
     display: flex;
   }
 }
@@ -281,7 +234,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
 .form-managed-file .file {
   word-break: break-all;
   -webkit-hyphens: auto;
-  -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 }
@@ -291,10 +243,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
 }
 
 .form-managed-file__main .file {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -moz-box-flex: 1;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   margin: 0.5rem 1rem 0.5rem 0; /* LTR */
 }
@@ -314,7 +262,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
 @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *::-ms-backdrop,
   td .form-managed-file__main .file {
-    -ms-flex: 0 1 100%;
     flex: 0 1 100%;
   }
 }
@@ -333,10 +280,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
  */
 
 .form-managed-file__main .form-element--api-file {
-  -webkit-box-flex: 1;
-  -webkit-flex: 1 1 auto;
-  -moz-box-flex: 1;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 1px; /* This makes the element to be shrinked on IE11 */
 }
@@ -347,10 +290,6 @@ td .form-managed-file.no-meta .form-managed-file__image-preview {
  */
 
 .form-managed-file__main .button {
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -moz-box-flex: 0;
-  -ms-flex: 0 0 auto;
   flex: 0 0 auto;
 }
 

core/themes/claro/css/components/form--password-confirm.css

@@ -80,17 +80,11 @@
 .js .password-confirm__confirm {
   overflow: hidden;
   max-height: 10rem;
-  -webkit-transition: max-height 0.2s ease-in-out, margin 0.2s ease-in-out;
-  -o-transition: max-height 0.2s ease-in-out, margin 0.2s ease-in-out;
-  -moz-transition: max-height 0.2s ease-in-out, margin 0.2s ease-in-out;
   transition: max-height 0.2s ease-in-out, margin 0.2s ease-in-out;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
   .js .password-confirm__confirm {
-    -webkit-transition: none;
-    -o-transition: none;
-    -moz-transition: none;
     transition: none;
   }
 }
@@ -119,8 +113,6 @@
 }
 
 .password-strength__track {
-  height: -webkit-calc(0.5rem - 2px);
-  height: -moz-calc(0.5rem - 2px);
   height: calc(0.5rem - 2px);
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -136,22 +128,9 @@
 }
 
 .password-strength__bar {
-  min-width: -webkit-calc(0.5rem - 2px);
-  min-width: -moz-calc(0.5rem - 2px);
   min-width: calc(0.5rem - 2px);
-  height: -webkit-calc(0.5rem - 2px);
-  height: -moz-calc(0.5rem - 2px);
   height: calc(0.5rem - 2px);
   margin: -1px;
-  -webkit-transition: width
-0.5s
-ease-out;
-  -o-transition: width
-0.5s
-ease-out;
-  -moz-transition: width
-0.5s
-ease-out;
   transition: width
 0.5s
 ease-out;
@@ -162,9 +141,6 @@ ease-out;
 
 @media screen and (prefers-reduced-motion: reduce) {
   .password-strength__bar {
-    -webkit-transition: none;
-    -o-transition: none;
-    -moz-transition: none;
     transition: none;
   }
 }
@@ -258,10 +234,6 @@ ease-out;
   border: 1px solid #d4d4d8;
   border-radius: 2px;
   background-color: #fff;
-  -webkit-box-shadow: 0
-2px
-4px
-rgba(0, 0, 0, 0.1);
   box-shadow: 0
 2px
 4px

core/themes/claro/css/components/form--select.css

@@ -55,8 +55,6 @@
 }
 
 .form-element--type-select {
-  padding-right: -webkit-calc(2rem - 1px);
-  padding-right: -moz-calc(2rem - 1px);
   padding-right: calc(2rem - 1px);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23545560'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
@@ -65,30 +63,20 @@
 }
 
 [dir="rtl"] .form-element--type-select {
-  padding-right: -webkit-calc(1rem - 1px);
-  padding-right: -moz-calc(1rem - 1px);
   padding-right: calc(1rem - 1px);
-  padding-left: -webkit-calc(2rem - 1px);
-  padding-left: -moz-calc(2rem - 1px);
   padding-left: calc(2rem - 1px);
   background-position: 0 50%;
 }
 
 .no-touchevents .form-element--type-select.form-element--extrasmall,
 .no-touchevents .form-element--type-select[name$="][_weight]"] {
-  padding-right: -webkit-calc(1.5rem - 1px);
-  padding-right: -moz-calc(1.5rem - 1px);
   padding-right: calc(1.5rem - 1px);
   background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
 }
 
 [dir="rtl"].no-touchevents .form-element--type-select.form-element--extrasmall,
 [dir="rtl"].no-touchevents .form-element--type-select[name$="][_weight]"] {
-  padding-right: -webkit-calc(0.5rem - 1px);
-  padding-right: -moz-calc(0.5rem - 1px);
   padding-right: calc(0.5rem - 1px);
-  padding-left: -webkit-calc(1.5rem - 1px);
-  padding-left: -moz-calc(1.5rem - 1px);
   padding-left: calc(1.5rem - 1px);
 }
 

core/themes/claro/css/components/form--text.css

@@ -55,13 +55,9 @@
 }
 
 .form-element {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   max-width: 100%;
   min-height: 3rem; /* iOS. */
-  padding: -webkit-calc(0.75rem - 1px) -webkit-calc(1rem - 1px);
-  padding: -moz-calc(0.75rem - 1px) -moz-calc(1rem - 1px);
   padding: calc(0.75rem - 1px) calc(1rem - 1px);
   color: #222330;
   border: 1px solid #8e929c;
@@ -77,8 +73,6 @@
 .no-touchevents .form-element--extrasmall,
 .no-touchevents .form-element[name$="][_weight]"] {
   min-height: 1.5rem; /* iOS. */
-  padding: -webkit-calc(0.15rem - 1px) -webkit-calc(0.5rem - 1px);
-  padding: -moz-calc(0.15rem - 1px) -moz-calc(0.5rem - 1px);
   padding: calc(0.15rem - 1px) calc(0.5rem - 1px);
   font-size: 0.889rem;
   line-height: 1.2rem;
@@ -92,8 +86,6 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -117,8 +109,6 @@
 .form-element--type-color {
   min-width: 3rem; /* Bigger input for webkit */
   padding: 0; /* Bigger pickable area */
-  text-indent: -webkit-calc(0.75rem - 1px);
-  text-indent: -moz-calc(0.75rem - 1px);
   text-indent: calc(0.75rem - 1px); /* Text-input fallback for non-supporting browsers like Safari */
 }
 
@@ -164,17 +154,14 @@ _:-ms-fullscreen,
 
 .form-element:hover {
   border-color: #222330;
-  -webkit-box-shadow: inset 0 0 0 1px #222330;
   box-shadow: inset 0 0 0 1px #222330;
 }
 
 .form-element:focus {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
 }
 
 .form-element:hover:focus {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #222330;
 }
 
@@ -184,12 +171,10 @@ _:-ms-fullscreen,
 }
 
 .form-element.error:hover {
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .form-element.error:hover:focus {
-  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
   box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
 }
 
@@ -202,7 +187,6 @@ _:-ms-fullscreen,
   color: #82828c;
   border-color: #bababf;
   background-color: #f2f2f3;
-  -webkit-box-shadow: none;
   box-shadow: none;
   /* https://stackoverflow.com/q/262158#answer-23511280 */
   -webkit-text-fill-color: #82828c;

core/themes/claro/css/components/form.css

@@ -54,18 +54,6 @@
    */
 }
 
-::-webkit-input-placeholder {
-  color: #8e929c;
-}
-
-:-moz-placeholder {
-  color: #8e929c;
-}
-
-::-moz-placeholder {
-  color: #8e929c;
-}
-
 :-ms-input-placeholder {
   color: #8e929c;
 }
@@ -206,18 +194,8 @@ tr .form-item,
  */
 
 .form-actions {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-align: start;
-  -webkit-align-items: flex-start;
-  -moz-box-align: start;
-  -ms-flex-align: start;
   align-items: flex-start;
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -230,8 +208,6 @@ tr .form-item,
 }
 
 .form-actions .ajax-progress--throbber {
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
   align-self: center;
 }
 
@@ -258,18 +234,8 @@ tr .form-item,
  */
 
 .form-item--editor-format {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   max-width: 100%;
 }
@@ -296,10 +262,6 @@ tr .form-item,
 
 .form-item--editor-format .form-item__description,
 .form-item--editor-format .form-item__error-message {
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 1 100%;
-  -moz-box-flex: 0;
-  -ms-flex: 0 1 100%;
   flex: 0 1 100%;
   min-width: 1px;
 }

core/themes/claro/css/components/image-preview.css

@@ -66,21 +66,10 @@
   display: inline-block;
   max-width: 100%;
   background-color: #fff;
-  -webkit-box-shadow: inset 0 0 0.4375rem #d4d4d8;
   box-shadow: inset 0 0 0.4375rem #d4d4d8;
 }
 
 .image-preview img {
-  background-image:
-    -moz-linear-gradient(135deg, #d4d4d8 25%, transparent 26%),
-    -moz-linear-gradient(135deg, #d4d4d8 25%, transparent 26%),
-    -moz-linear-gradient(315deg, #d4d4d8 25%, transparent 26%),
-    -moz-linear-gradient(315deg, #d4d4d8 25%, transparent 26%);
-  background-image:
-    -o-linear-gradient(135deg, #d4d4d8 25%, transparent 26%),
-    -o-linear-gradient(135deg, #d4d4d8 25%, transparent 26%),
-    -o-linear-gradient(315deg, #d4d4d8 25%, transparent 26%),
-    -o-linear-gradient(315deg, #d4d4d8 25%, transparent 26%);
   background-image:
     linear-gradient(-45deg, #d4d4d8 25%, transparent 26%),
     linear-gradient(-45deg, #d4d4d8 25%, transparent 26%),

core/themes/claro/css/components/jquery.ui/theme.css

@@ -642,7 +642,6 @@
   border-top: 0;
   border-radius: 0 0 0.125rem 0.125rem;
   background: #fff;
-  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(34, 35, 48, 0.1);
   box-shadow: 0 0.125rem 0.25rem rgba(34, 35, 48, 0.1);
 }
 

core/themes/claro/css/components/messages.css

@@ -69,13 +69,9 @@
 }
 
 .messages {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin-top: 1rem;
   margin-bottom: 1rem;
-  padding: 1.5rem 1.5rem 2rem -webkit-calc(1.5rem - 5px);
-  padding: 1.5rem 1.5rem 2rem -moz-calc(1.5rem - 5px);
   padding: 1.5rem 1.5rem 2rem calc(1.5rem - 5px); /* LTR */
   color: #fff;
   border-width: 0 0 0 5px; /* LTR */
@@ -86,8 +82,6 @@
 }
 
 [dir="rtl"] .messages {
-  padding-right: -webkit-calc(1.5rem - 5px);
-  padding-right: -moz-calc(1.5rem - 5px);
   padding-right: calc(1.5rem - 5px);
   padding-left: 1.5rem;
   border-right-width: 5px;
@@ -141,15 +135,7 @@
 }
 
 .messages__header {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   margin-bottom: 1rem;
 }
@@ -197,7 +183,6 @@
     border-left-width: 1px;
   }
   .messages__header {
-    -webkit-filter: grayscale(1) brightness(1.5) contrast(10);
     filter: grayscale(1) brightness(1.5) contrast(10);
   }
 }

core/themes/claro/css/components/pager.css

@@ -66,23 +66,9 @@
 }
 
 .pager__items {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-align: end;
-  -webkit-align-items: flex-end;
-  -moz-box-align: end;
-  -ms-flex-align: end;
   align-items: flex-end;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -moz-box-pack: center;
-  -ms-flex-pack: center;
   justify-content: center;
   margin: 1rem 0; /* LTR */
   list-style: none;
@@ -103,23 +89,9 @@
 
 .pager__link,
 .pager__item--current {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -moz-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -moz-box-pack: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   min-width: 2rem;
   height: 2rem;
@@ -189,10 +161,6 @@
 [dir="rtl"] .pager__item--previous .pager__link::before,
 [dir="rtl"] .pager__item--next .pager__link::after,
 [dir="rtl"] .pager__item--last .pager__link::after {
-  -webkit-transform: scaleX(-1);
-  -moz-transform: scaleX(-1);
-  -ms-transform: scaleX(-1);
-  -o-transform: scaleX(-1);
   transform: scaleX(-1);
 }