[CrOS MultiDevice] Use hybrid @apply syntax.

This CL changes "@apply(--foo);" to "@apply --foo;" for all affected
MultiDevice CSS. See [1] and [2] for context.

[1] https://www.polymer-project.org/2.0/docs/upgrade#shadow-dom-styles
[2] https://bugs.chromium.org/p/chromium/issues/detail?id=739532

Bug: 884058
Change-Id: Id7a0c3e479cae58bfea736093883c92ae44f1d61
Reviewed-on: https://chromium-review.googlesource.com/1242055Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Kyle Horimoto <khorimoto@chromium.org>
Cr-Commit-Position: refs/heads/master@{#593781}

chrome/browser/resources/settings/multidevice_page/multidevice_subpage.html

@@ -28,7 +28,7 @@
       }
 
       #feature-items-container {
-        @apply(--settings-list-frame-padding);
+        @apply --settings-list-frame-padding;
       }
 
       #forget-device-container {

ui/webui/resources/cr_components/chromeos/multidevice_setup/button_bar.html

@@ -9,12 +9,12 @@ on the MultiDeviceSetup.uiMode property. -->
   <template>
     <style include="multidevice-setup-shared">
       :host {
-        @apply(--layout-end-justified);
-        @apply(--layout-horizontal);
+        @apply --layout-end-justified;
+        @apply --layout-horizontal;
       }
 
       paper-button {
-        @apply(--layout-center-center);
+        @apply --layout-center-center;
         text-transform: none;
       }
     </style>

ui/webui/resources/cr_components/chromeos/multidevice_setup/multidevice_setup.html

@@ -16,7 +16,7 @@
   <template>
     <style include="multidevice-setup-shared">
       :host {
-        @apply(--layout-vertical);
+        @apply --layout-vertical;
         box-sizing: border-box;
         height: 100%;
         padding: 60px 64px 32px 64px;

ui/webui/resources/cr_components/chromeos/multidevice_setup/password_page.html

@@ -10,7 +10,7 @@
   <template>
     <style include="multidevice-setup-shared">
       #user-info-container  {
-        @apply(--layout-horizontal);
+        @apply --layout-horizontal;
         border: 1px solid rgb(95, 99, 104);
         border-radius: 15px;
         color: rgb(95, 99, 104);

ui/webui/resources/cr_components/chromeos/multidevice_setup/setup_succeeded_page.html

@@ -10,8 +10,8 @@
   <template>
     <style include="multidevice-setup-shared">
       #page-icon-container {
-        @apply(--layout-horizontal);
-        @apply(--layout-center-justified);
+        @apply --layout-horizontal;
+        @apply --layout-center-justified;
       }
 
       #page-icon {

ui/webui/resources/cr_components/chromeos/multidevice_setup/start_setup_page.html

@@ -11,7 +11,7 @@
   <template>
     <style include="multidevice-setup-shared">
       #selector-and-details-container {
-        @apply(--layout-horizontal);
+        @apply --layout-horizontal;
       }
 
       #deviceDropdown {
@@ -19,8 +19,8 @@
       }
 
       #page-icon-container {
-        @apply(--layout-horizontal);
-        @apply(--layout-center-justified);
+        @apply --layout-horizontal;
+        @apply --layout-center-justified;
       }
 
       #page-icon {
@@ -41,8 +41,8 @@
       }
 
       .feature-detail {
-        @apply(--layout-horizontal);
-        @apply(--layout-center);
+        @apply --layout-horizontal;
+        @apply --layout-center;
         padding-bottom: 28px;
         padding-top: 21px;
       }