Minor polymer2 compatibility changes

Bug: 955194
Change-Id: Id4e0d4032099ab191bf373148aab657250cf2948
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1790446
Commit-Queue: Denis Kuznetsov <antrim@chromium.org>
Reviewed-by: Roman Sorokin [CET] <rsorokin@chromium.org>
Reviewed-by: Alexander Alekseev <alemate@chromium.org>
Cr-Commit-Position: refs/heads/master@{#699417}

chrome/browser/resources/chromeos/emulator/device_emulator_pages.html

@@ -30,7 +30,7 @@
       }
 
       iron-pages > * {
-        @apply(--shadow-elevation-2dp);
+        @apply --shadow-elevation-2dp;
         background-color: white;
         display: block;
         margin: 20px;

chrome/browser/resources/chromeos/internet_detail_dialog/internet_detail_dialog.html

@@ -45,7 +45,7 @@
       }
 
       .section {
-        @apply(--cr-section);
+        @apply --cr-section;
         margin-bottom: 10px;
       }
 

chrome/browser/resources/chromeos/login/demo_preferences.css

@@ -2,7 +2,7 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-:root {
+:host {
   --oobe-dialog-list-item-border: 1px solid rgba(0, 0, 0, 0.06);
 }
 

chrome/browser/resources/chromeos/login/marketing_opt_in.css

@@ -2,7 +2,7 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-:root {
+:host {
   --marketing-opt-in-dialog-list-item-border: 1px solid var(--google-grey-200);
 }
 

chrome/browser/resources/chromeos/login/oobe_fonts.css

@@ -2,7 +2,7 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-:root {
+:host {
   --oobe-button-font-family: "Google Sans", Roboto, sans-serif;
   --oobe-default-font-family: Roboto, sans-serif;
   --oobe-title-font-family: "Google Sans", Roboto, sans-serif;

chrome/browser/resources/chromeos/login/oobe_hid_detection.css

@@ -2,7 +2,7 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-:root {
+:host {
   --oobe-hid-detection-item-border: 1px solid var(--google-grey-200);
 }
 

chrome/browser/resources/chromeos/login/oobe_screen.css

@@ -4,7 +4,7 @@
  *
  * This contains common styling for all the OOBE screens. */
 
-:root {
+:host {
   --oobe-text-button-focused-border-color:
       rgba(66, 133, 244, 0.4); /* #4284f4 */
 }
@@ -53,16 +53,11 @@
   height: 28px;
   justify-content: flex-end;
   min-height: 0;
-  padding-right: 34px;  /* Double the padding of .step */
+  padding-inline-end: 34px;  /* Double the padding of .step */
   position: absolute;
   width: 100%;
 }
 
-html[dir=rtl] .step-controls {
-  /* Hack as padding-inline-end doesn't catch direction. crbug.com/363836 */
-  padding-left: 34px;
-}
-
 .animation .step-controls button {
   /* Don't grey out disabled buttons during animation. */
   color: buttontext !important;

chrome/browser/resources/chromeos/login/oobe_welcome.css

@@ -2,7 +2,7 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-:root {
+:host {
   --oobe-dialog-list-item-border: 1px solid rgb(235,235,235); /* #EBEBEB */
   --oobe-a11y-dialog-list-item-border: 1px solid var(--google-grey-200);
 }